@charset "utf-8";:root {
    --color: #1d509f;
    --vh: 100vh
}

* {
    padding: 0;
    margin: 0;
    outline: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: calc(100vw/19.2);
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    scrollbar-width: thin
}

html ::-webkit-scrollbar {
    width: 2px;
    height: 1px
}

html ::-webkit-scrollbar-thumb {
    border-radius: 3px;
    box-shadow: inset 0 0 5px #1d509f;
    background: #1d509f
}

html ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 3px;
    background: #ededed
}

@media (min-width: 1901px) {
    html {
        font-size:100px
    }
}

@media (max-width: 1580px) {
    html {
        font-size:66px
    }
}

@media (max-width: 767px) {
    html {
        font-size:calc(100vw/7.5)
    }
}

body {
    min-height: 100%;
    font-family: 'MiSans','PingFang SC','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    background: #fff
}

@media (max-width: 1580px) {
    body {
        font-size:14px
    }
}

@media (max-width: 767px) {
    body {
        font-size:.28rem
    }
}

img {
    max-width: 100%;
    border: 0;
    vertical-align: top
}

li {
    list-style: none
}

h1,h2,h3,h4,h5,h6 {
    font-style: inherit;
    font-size: inherit;
    font-weight: normal
}

a,a:hover,a:focus {
    text-decoration: none;
    color: inherit
}

input,button {
    -webkit-appearance: none;
    border-radius: 0
}

button {
    cursor: pointer
}

input[type="button"],input[type="reset"],input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

textarea {
    resize: none;
    overflow: auto;
    -webkit-appearance: none;
    -webkit-user-select: auto
}

input,button,textarea,select {
    border: 0;
    font-family: inherit;
    font-style: inherit;
    font-size: inherit;
    font-weight: normal;
    color: inherit;
    background: transparent
}

select {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

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

table {
    border-collapse: collapse
}

svg path {
    fill: currentColor
}

.fl {
    float: left
}

.fr {
    float: right
}

.clear {
    zoom:1}

.clear:after {
    content: '';
    display: block;
    clear: both
}

.container {
    margin: 0 auto;
    width: 85%;
    max-width: 1400px
}

@media (max-width: 1260px) {
    .container {
        width:90%
    }
}

.bg-color1 {
    background-color: #fff
}

.ptb100 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

@media (max-width: 767px) {
    .ptb100 {
        padding-top:1.2rem;
        padding-bottom: 1.2em
    }
}

.pt100 {
    padding-top: 1rem
}

@media (max-width: 767px) {
    .pt100 {
        padding-top:1.2rem
    }
}

.pb100 {
    padding-bottom: 1rem
}

@media (max-width: 767px) {
    .pb100 {
        padding-bottom:1.2rem
    }
}

.font14 {
    font-size: 14px
}

.font16 {
    font-size: 16px
}

.font18 {
    font-size: 18px
}

.font20 {
    font-size: 20px
}

.font22 {
    font-size: 22px
}

.font24 {
    font-size: 24px
}

.font26 {
    font-size: 26px
}

.font28 {
    font-size: 28px
}

.font30 {
    font-size: 30px
}

.font32 {
    font-size: 32px
}

.font34 {
    font-size: 34px
}

.font36 {
    font-size: 36px
}

.font40 {
    font-size: 40px
}

.font42 {
    font-size: 42px
}

.font44 {
    font-size: 44px
}

.font46 {
    font-size: 46px
}

.font48 {
    font-size: 48px
}

.font50 {
    font-size: 50px
}

.font52 {
    font-size: 52px
}

.font54 {
    font-size: 54px
}

.font56 {
    font-size: 56px
}

.font60 {
    font-size: 60px
}

.font72 {
    font-size: 72px
}

.font80 {
    font-size: 80px
}

@media (max-width: 1580px) {
    .font16 {
        font-size:14px
    }

    .font18 {
        font-size: 16px
    }

    .font20 {
        font-size: 18px
    }

    .font22 {
        font-size: 20px
    }

    .font24 {
        font-size: 22px
    }

    .font26 {
        font-size: 24px
    }

    .font28 {
        font-size: 26px
    }

    .font30 {
        font-size: 28px
    }

    .font32 {
        font-size: 30px
    }

    .font34 {
        font-size: 32px
    }

    .font36 {
        font-size: 34px
    }

    .font40 {
        font-size: 38px
    }

    .font42,.font44 {
        font-size: 40px
    }

    .font46 {
        font-size: 42px
    }

    .font48 {
        font-size: 44px
    }

    .font50 {
        font-size: 46px
    }

    .font52 {
        font-size: 48px
    }

    .font54 {
        font-size: 48px
    }

    .font56 {
        font-size: 48px
    }

    .font60,.font72,.font80 {
        font-size: 48px
    }
}

@media (max-width: 1260px) {
    .font16 {
        font-size:14px
    }

    .font18 {
        font-size: 16px
    }

    .font20 {
        font-size: 18px
    }

    .font22 {
        font-size: 20px
    }

    .font24 {
        font-size: 22px
    }

    .font26 {
        font-size: 24px
    }

    .font28 {
        font-size: 24px
    }

    .font30 {
        font-size: 26px
    }

    .font32 {
        font-size: 28px
    }

    .font34 {
        font-size: 28px
    }

    .font36,.font40 {
        font-size: 30px
    }

    .font42,.font44 {
        font-size: 32px
    }

    .font46 {
        font-size: 36px
    }

    .font48,.font50 {
        font-size: 38px
    }

    .font52,.font54,.font56,.font60,.font72,.font80 {
        font-size: 44px
    }
}

@media (max-width: 767px) {
    .font14,.font16 {
        font-size:.28rem
    }

    .font18,.font20 {
        font-size: .3rem
    }

    .font22,.font24,.font26,.font27 {
        font-size: .32rem
    }

    .font28 {
        font-size: .36rem
    }

    .font30,.font32,.font34 {
        font-size: .4rem
    }

    .font36,.font40,.font42,.font44,.font46 {
        font-size: .46rem
    }

    .font48,.font50,.font52,.font54,.font56,.font60,.font72,.font80 {
        font-size: .58rem
    }
}

.public-scrollbar {
    scrollbar-width: thin
}

.public-scrollbar ::-webkit-scrollbar {
    width: 2px;
    height: 1px
}

.public-scrollbar ::-webkit-scrollbar-thumb {
    border-radius: 3px;
    box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #1d509f
}

.public-scrollbar ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 3px;
    background: #ededed
}

.public-btn {
    display: flex
}

.public-btn .a,.public-btn a {
    min-width: 1.6rem;
    height: .54rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #1d509f;
    border-radius: .27rem;
    padding: 0 .14rem 0 .24rem;
    position: relative;
    border: 1px solid #1d509f;
    transition: all .4s
}

.public-btn .a,.public-btn a {
    min-width: 1.6rem;
    height: .54rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #1d509f;
    border-radius: .27rem;
    padding: 0 .14rem 0 .24rem;
    position: relative;
    border: 1px solid #1d509f;
    transition: all .4s
}

.info-more{
    min-width: 1.8rem;
    height: .54rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #38B8F0;
    border-radius: .27rem;
    /* padding: 0 .14rem 0 .24rem; */
    position: relative;
    border: 1px solid #38B8F0;
    transition: all .4s;
    color: #fff;

}
.info-more img{
    width: 18px;
    height: 18px;
    margin-right: 5px;
}

.public-btn .a::before,.public-btn a::before {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(29,80,159,0.7), rgba(29,80,159,0));
    position: absolute;
    top: 0;
    left: 0;
    border-radius: .27rem;
    opacity: 0;
    transition: all .4s
}

@media (max-width: 991px) {
    .public-btn .a,.public-btn a {
        min-width:2rem;
        height: .78rem;
        border-radius: .39rem
    }
}

.public-btn .a span,.public-btn a span {
    color: #fff;
    position: relative;
    z-index: 2
}

.public-btn .a i,.public-btn a i {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: .13rem;
    background: #fff;
    position: relative;
    z-index: 2;
    transition: all .4s
}

.public-btn .a i svg,.public-btn a i svg {
    width: 10px;
    object-fit: contain;
    transform: rotateZ(-90deg)
}

.public-btn .a i svg path,.public-btn a i svg path {
    fill: #1d509f
}

.public-btn .a:hover,.public-btn a:hover {
    border: 1px solid rgba(255,255,255,0.3);
    box-shadow: 0 .08rem .11rem 0 rgba(0,0,0,0.11);
    background: #256bc1
}

.public-btn .a:hover::before,.public-btn a:hover::before {
    opacity: 1
}

.public-btn .a:hover i,.public-btn a:hover i {
    margin-left: .2rem
}

.public-btn.public-w .a,.public-btn.public-w a {
    background: #fff
}

.public-btn.public-w .a span,.public-btn.public-w a span {
    color: #1d509f
}

.public-btn.public-w .a i,.public-btn.public-w a i {
    background: #1d509f
}

.public-btn.public-w .a i svg path,.public-btn.public-w a i svg path {
    fill: #fff
}

.public-btn.public-w .a:hover,.public-btn.public-w a:hover {
    border: 1px solid rgba(255,255,255,0.3);
    box-shadow: 0 .08rem .11rem 0 rgba(0,0,0,0.11);
    background: #256bc1
}

.public-btn.public-w .a:hover::before,.public-btn.public-w a:hover::before {
    opacity: 1
}

.public-btn.public-w .a:hover i,.public-btn.public-w a:hover i {
    margin-left: .2rem
}

.public-img {
    display: block;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.public-img::before {
    content: "";
    display: block;
    position: relative;
    z-index: 0;
    padding-top: 100%
}

.public-img>img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .8s
}

.public-content {
    color: #666;
    line-height: 1.8
}

.public-content a {
    color: #666
}

.public-content table {
    max-width: 100%
}

.public-content table td,.public-content table th {
    padding: 10px 15px;
    border: 1px solid #dbf1ed
}

.public-content li {
    margin-left: 15px;
    list-style: disc
}

.public-content ol {
    margin-left: 15px;
    list-style: decimal
}

.public-content img,.public-content video {
    max-width: 100%;
    height: auto !important
}

#c-placeholder {
    height: 1.1rem
}

.header {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    transition: all .4s;
    padding: .23rem 0
}

@media (max-width: 991px) {
    .header {
        height:1.2rem;
        padding: 0
    }
}

.header .container {
    max-width: 1600px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media (max-width: 991px) {
    .header .container {
        height:100%
    }
}

.header .container .logo {
    height: 44px;
    position: relative;
    display: flex;
    z-index: 2
}

.header .container .logo a {
    height: 100%;
    display: block
}

.header .container .logo a img {
    height: 100%
}

.header .container .logo a img.c {
    display: none
}

.header .container .close {
    width: 22px;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    display: none
}

@media (max-width: 991px) {
    .header .container .close {
        display:flex
    }
}

.header .container .close span {
    width: 100%;
    height: 2px;
    background: #fff;
    margin: 3px 0;
    border-radius: 2px;
    transition: all .3s
}

.header .container .close span:nth-child(2) {
    width: 60%;
    margin: 3px 0 3px auto
}

.header .container .close.on span:nth-child(1) {
    transform: rotateZ(45deg);
    transform-origin: left center
}

.header .container .close.on span:nth-child(2) {
    opacity: 0
}

.header .container .close.on span:nth-child(3) {
    transform-origin: left center;
    transform: rotateZ(-45deg)
}

.header .container .right {
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative
}

@media (max-width: 991px) {
    .header .container .right {
        display:none;
        width: 100vw;
        position: fixed;
        top: 1.1rem;
        left: 0;
        height: calc(100vh - 1.1rem);
        padding: .5rem 5%;
        background: #1d509f;
        overflow-y: auto
    }
}

.header .container .right .menu ul {
    display: flex
}

@media (max-width: 991px) {
    .header .container .right .menu ul {
        flex-wrap:wrap
    }
}

.header .container .right .menu ul li {
    margin-right: .78rem;
    position: relative
}

@media (max-width: 1024px) {
    .header .container .right .menu ul li {
        margin-right:.5rem;
        margin: 0;
        border-bottom: 1px solid rgba(255,255,255,0.1)
    }
}

@media (max-width: 991px) {
    .header .container .right .menu ul li {
        width:100%
    }
}

.header .container .right .menu ul li:last-child {
    margin-right: 0
}

.header .container .right .menu ul li .link {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 3
}

@media (max-width: 991px) {
    .header .container .right .menu ul li .link {
        justify-content:space-between;
        align-items: center
    }
}

.header .container .right .menu ul li .link a {
    color: #fff;
    line-height: 44px;
    transition: all .4s
}

@media (max-width: 991px) {
    .header .container .right .menu ul li .link a {
        line-height:.78rem;
        font-size: 16px
    }
}

.header .container .right .menu ul li .link i {
    width: 10px;
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: .1rem
}

@media (max-width: 991px) {
    .header .container .right .menu ul li .link i {
        width:1rem;
        justify-content: flex-end
    }
}

.header .container .right .menu ul li .link i svg {
    width: 10px;
    height: 10px;
    transition: all .4s
}

.header .container .right .menu ul li .link i svg path {
    fill: #fff;
    transition: all .4s
}

.header .container .right .menu ul li .s-menu {
    width: 180px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    z-index: 2;
    display: none;
    border-top: 2px solid #1d509f;
    padding: .2rem 0;
    box-shadow: 0 0 .1rem 0 rgba(0,0,0,0.2);
    background: #fff
}

@media (max-width: 991px) {
    .header .container .right .menu ul li .s-menu {
        width:100%;
        position: relative;
        left: initial;
        transform: translateX(0);
        top: initial;
        border-top: none;
        box-shadow: none;
        background: none;
        padding: 0 0 .2rem
    }
}

.header .container .right .menu ul li .s-menu .s-link {
    padding: .1rem .2rem;
    background: #fff;
    transition: all .4s;
    display: flex
}

@media (max-width: 991px) {
    .header .container .right .menu ul li .s-menu .s-link {
        background:none;
        padding: .1rem .25rem
    }
}

.header .container .right .menu ul li .s-menu .s-link a {
    width: 100%;
    color: #333;
    transition: all .4s;
    text-align: center
}

@media (max-width: 991px) {
    .header .container .right .menu ul li .s-menu .s-link a {
        color:#fff;
        text-align: left;
        line-height: .6rem
    }
}

@media (min-width: 992px) {
    .header .container .right .menu ul li .s-menu .s-link:hover {
        background:#eee
    }

    .header .container .right .menu ul li .s-menu .s-link:hover a {
        color: #1d509f
    }
}

@media (min-width: 992px) {
    .header .container .right .menu ul li:hover .link a {
        color:#1d509f
    }

    .header .container .right .menu ul li:hover .s-menu {
        display: block
    }
}

.header .container .right .menu ul li.on .link i svg {
    transform: rotateZ(0)
}

.header .container .right .other {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    display: flex;
    align-items: center
}

@media (max-width: 991px) {
    .header .container .right .other {
        width:100%;
        position: relative;
        top: inherit;
        transform: translateY(0);
        right: initial
    }
}

.header .container .right .other .search {
    width: 16px;
    height: 16px;
    margin-right: .28rem;
    cursor: pointer
}

.header .container .right .other .search svg path {
    fill: #fff;
    transition: all .4s
}

.header .container .right .other .language {
    width: 16px;
    cursor: pointer;
    position: relative;
    z-index: 1;
    padding: .1rem 0;
    display: flex
}

.header .container .right .other .language svg {
    width: 16px;
    height: 16px
}

.header .container .right .other .language svg path {
    fill: #fff;
    transition: all .4s
}

.header .container .right .other .language .lang-box {
    width: 100px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 .1rem 0 rgba(0,0,0,0.1);
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    padding: 10px 5px;
    display: none
}

.header .container .right .other .language .lang-box a {
    display: block;
    text-align: center;
    margin-bottom: 5px;
    color: #000;
    transition: all .4s;
    padding: .1rem 0;
    border-radius: 3px
}

.header .container .right .other .language .lang-box a:last-child {
    margin-bottom: 0
}

.header .container .right .other .language .lang-box a:hover {
    color: #780009;
    background: rgba(0,0,0,0.07)
}

.header .container .right .other .language:hover .lang-box {
    display: block
}

.header.head-move {
    top: -1.4rem
}

@media (max-width: 991px) {
    .header.head-move {
        top:-1.2rem
    }
}

.header.c-style2 {
    background: #fff;
    box-shadow: 0 0 .4rem 0 rgba(28,80,161,0.11)
}

.header.c-style2 .container .logo img.w {
    display: none
}

.header.c-style2 .container .logo img.c {
    display: block
}

.header.c-style2 .container .close span {
    background: #000
}

.header.c-style2 .container .right .menu ul li .link a {
    color: #333
}

@media (max-width: 991px) {
    .header.c-style2 .container .right .menu ul li .link a {
        color:#fff
    }
}

.header.c-style2 .container .right .menu ul li .link i svg path {
    fill: #333
}

@media (max-width: 991px) {
    .header.c-style2 .container .right .menu ul li .link i svg path {
        fill:#fff
    }
}

@media (min-width: 992px) {
    .header.c-style2 .container .right .menu ul li:hover .link a {
        color:#1d509f
    }

    .header.c-style2 .container .right .menu ul li:hover .link i svg path {
        fill: #1d509f
    }

    .header.c-style2 .container .right .menu ul li:hover .s-menu {
        display: block
    }
}

.header.c-style2 .container .right .other .search svg path {
    fill: #333
}

@media (max-width: 991px) {
    .header.c-style2 .container .right .other .search svg path {
        fill:#fff
    }
}

.header.c-style2 .container .right .other .language svg path {
    fill: #333
}

@media (max-width: 991px) {
    .header.c-style2 .container .right .other .language svg path {
        fill:#fff
    }
}

.banner {
    width: 100%;
    position: relative;
    /* padding-bottom: .6rem; */
    background: #063377
}

.banner .swiper-container {
    width: 100%;
    height: 100vh;
    background-color: #000;
}

.banner .swiper-container .swiper-slide {
    position: relative;
     width: 100%;
    height: 100%;
    background-color: #f40;
}

.banner .swiper-container .swiper-slide .img {
    width: 100%;
    height: 100vh;
    overflow: hidden
}

.banner .swiper-container .swiper-slide .img video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0
}

.banner .swiper-container .swiper-slide .img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media (max-width: 991px) {
    .banner .swiper-container .swiper-slide .img img.pc {
        display:none
    }
}

.banner .swiper-container .swiper-slide .img img.mb {
    display: none
}

@media (max-width: 991px) {
    .banner .swiper-container .swiper-slide .img img.mb {
        display:block
    }
}

.banner .swiper-container .swiper-slide .container {
    position: absolute;
    top: calc(325/935*100%);
    left: 50%;
    transform: translateX(-50%);
    z-index: 2
}

.banner .swiper-container .swiper-slide .container .title {
    line-height: calc(70/60);
    text-align: center;
    color: #fff;
}

.banner .swiper-container .swiper-slide .container .txt {
    width: 810px;
    max-width: 100%;
    text-align: center;
    line-height: calc(30/20);
    color: #fff;
    margin: .17rem auto 0
}

.banner .swiper-container .swiper-slide .container .more {
    display: flex;
    justify-content: center;
    margin-top: .55rem
}

.banner .swiper-container .swiper-slide .container .more .public-btn a {
    border: 1px solid rgba(255,255,255,0.3)
}

.banner .swiper-container .swiper-pagination {
    bottom: 1.8rem;
    font-size: 0
}

@media (max-width: 991px) {
    .banner .swiper-container .swiper-pagination {
        bottom:1rem
    }
}

.banner .swiper-container .swiper-pagination .swiper-pagination-bullet {
    background: #fff;
    opacity: .3;
    margin: 0 8px
}

.banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1
}

.banner .hot-news {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 1.1rem;
    z-index: 2
}

@media (max-width: 991px) {
    .banner .hot-news {
        bottom:2rem;
        display: none
    }
}

.banner .hot-news .container {
    display: flex
}

.banner .hot-news .container a {
    width: 100%;
    display: flex;
    background: #fff;
    padding: .3rem .4rem;
    border-radius: .45rem
}

.banner .hot-news .container a .t1 {
    color: #1c50a1;
    line-height: calc(30/20);
    font-weight: 600;
    margin-right: .8rem
}

.banner .hot-news .container a .t2 {
    width: calc(770/1320*100%);
    color: #333;
    line-height: calc(30/18);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all .4s
}

.banner .hot-news .container a .t3 {
    color: #012c6e;
    margin-left: auto;
    display: flex;
    align-items: center
}

.banner .hot-news .container a .t3 i {
    width: 10px;
    height: 10px;
    display: flex;
    align-items: center;
    margin-left: 5px
}

.banner .hot-news .container a .t3 i svg {
    transform: rotateZ(-90deg)
}

.banner .hot-news .container a .t3 i svg path {
    fill: #012c6e
}

.banner .hot-news .container a:hover .t2 {
    color: #1d509f
}

.banner .prev,.banner .next {
    width: .56rem;
    height: .56rem;
    border-radius: 50%;
    border: 1px solid #fff;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    transition: all .4s
}

@media (max-width: 991px) {
    .banner .prev,.banner .next {
        width:.68rem;
        height: .68rem;
        display: none
    }
}

.banner .prev svg,.banner .next svg {
    width: 14px;
    height: 14px
}

.banner .prev svg path,.banner .next svg path {
    fill: #fff
}

.banner .prev:hover,.banner .next:hover {
    border: 1px solid #4596f0;
    background: #4596f0;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.18)
}

.banner .prev {
    left: .44rem
}

.banner .prev svg {
    transform: rotateZ(90deg)
}

.banner .next {
    right: .44rem
}

.banner .next svg {
    transform: rotateZ(-90deg)
}

.index-box1 {
    width: 100%;
    position: relative;
    margin-top: -0.6rem;
    background: url(../images/index-box1-bg.jpg) top center no-repeat;
    background-size: cover;
    border-radius: .45rem .45rem 0 0;
    padding: 1.35rem 0 1.95rem
}

.index-box1 .container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start
}

.index-box1 .container .tbox {
    width: calc(670/1400*100%)
}

@media (max-width: 991px) {
    .index-box1 .container .tbox {
        width:100%
    }
}

.index-box1 .container .tbox .title {
    line-height: calc(70/60);
    font-weight: 600;
    color: #222
}

.index-box1 .container .tbox .txt {
    width: 575px;
    max-width: 100%;
    margin-top: .32rem;
    color: #666
}

@media (max-width: 991px) {
    .index-box1 .container .tbox .txt {
        width:100%
    }
}

.index-box1 .container .tbox .more {
    margin-top: .75rem;
    display: flex
}

.index-box1 .container .tbox .num-list {
    display: flex;
    margin-top: .75rem
}

@media (max-width: 767px) {
    .index-box1 .container .tbox .num-list {
        flex-wrap:wrap
    }
}

.index-box1 .container .tbox .num-list .item {
    margin-right: 1.25rem
}

@media (max-width: 767px) {
    .index-box1 .container .tbox .num-list .item {
        margin-right:.4rem;
        width: calc(50% - .2rem);
        margin-bottom: .3rem
    }

    .index-box1 .container .tbox .num-list .item:nth-child(2n) {
        margin-right: 0
    }
}

.index-box1 .container .tbox .num-list .item:last-child {
    margin-right: 0
}

.index-box1 .container .tbox .num-list .item .t1 {
    min-width: .9rem;
    color: #333;
    text-align: center
}

.index-box1 .container .tbox .num-list .item .t2 {
    min-width: 100px;
    margin-top: .14rem;
    border-top: 2px solid #eee;
    padding-top: .18rem;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    color: #1d509f
}

.index-box1 .container .tbox .num-list .item .t2 span {
    line-height: 1;
    font-weight: 600
}

.index-box1 .container .tbox .num-list .item .t2 i {
    font-style: initial;
    font-size: 16px;
    line-height: 1;
    display: flex;
    margin-left: .1rem
}

.index-box1 .container .public-img {
    width: calc(472/1400*100%);
    border-radius: .3rem
}

@media (max-width: 991px) {
    .index-box1 .container .public-img {
        width:100%;
        margin-top: .6rem
    }
}

.index-box1 .container .public-img::before {
    padding-top: calc(562/473*100%)
}


.index-box9{
    width: 100%;
    height: 100vh;
    background: #F6F6F6;
    border-radius: .45rem .45rem 0 0;
    position: relative;
    margin-top: -0.6rem;
    padding: 1.38rem 0 1.4rem;
    overflow: hidden
}
.index-box9 .container {
    width: 70%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.index-box9 .container .top  {
    width: 40%;
}
.index-box9 .container .top .title {
    line-height: calc(70/60);
    font-weight: 600;
    color: #222
}

.index-box9 .container .top .brand-introduction_1 {
    /* width: 30%; */
    font-weight: 500;
/* font-size: 26px; */
color: #273A5B;
line-height: 57px;
}
.index-box9 .container .brand-introduction-img {
    width: 50%;
    max-width: 826px;
    max-height: 900px;
}

.index-box9 .container .brand-introduction-img img {
    width: 100%;
}
@media (max-width: 991px) {
    .index-box9 .container {
    width: 80%;
    display: block;
    /* align-items: center;
    justify-content: space-between; */
}
.index-box9 .container .top  {
    width: 100%;
}


.index-box9 .container .top .brand-introduction_1 {
    /* width: 30%; */
    font-weight: 500;
/* font-size: 15px; */
color: #273A5B;
line-height: 30px;
}
.index-box9 .container .brand-introduction-img {
    width: 100%;
    max-width: 826px;
    max-height: 900px;
}
}

.index-box10 {
    width: 100%;
     /* height: 100vh; */
    background: #ffffff;
    border-radius: .45rem .45rem 0 0;
    position: relative;
    margin-top: -0.6rem;
    padding: 1.38rem 0 1.4rem;
    overflow: hidden
}
.index-box10 .container {
    width: 70%;
}

.index-box10 .container .top {
    text-align: center
}

.index-box10 .container .top .title {
    line-height: calc(70/60);
    font-weight: 600;
    color: #222
}

.index-box10 .container .top .txt {
    color: #222;
    line-height: calc(34/24)
}

.index-box10 .container .js_1{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 60px;
}




.index-box10 .container .js_1 .js-img{
    width: 48%;
    /* max-width: 585px;
    max-height: 480px; */
}

.index-box10 .container .js_1 .js-img img{
    width: 100%;
}

.index-box10 .container .js_1 .js_text{
    width: 40%;
    color: #273A5B;
    line-height: 57px;
}

.index-box10 .container .js_1 .js_text .title{
   font-weight: bold;
}

@media (max-width: 991px) {
    .index-box10 .container {
    width: 80%;
}
.index-box10 .container .js_1{
    width: 100%;
    display: block;
    margin-top: 60px;
}
.index-box10 .container .js_1 .js-img{
    width: 100%;
    /* max-width: 585px;
    max-height: 480px; */
}
.index-box10 .container .js_1 .js_text{
    width: 100%;
    color: #273A5B;
    line-height: 30px;
}
}



.index-box2 {
    width: 100%;
    background: #ffffff;
    border-radius: .45rem .45rem 0 0;
    position: relative;
    margin-top: -0.6rem;
    padding: 1.38rem 0 1.4rem;
    overflow: hidden
}

.index-box2 .container .top {
    text-align: center
}

.index-box2 .container .top .title {
    line-height: calc(70/60);
    font-weight: 600;
    color: #222
}

.index-box2 .container .top .txt {
    color: #222;
    line-height: calc(34/24)
}

.index-box2 .container .swiper-container {
    overflow: visible;
    padding: .5rem 0 .6rem
}

.index-box2 .container .swiper-container .swiper-slide {
    border-radius: .3rem;
    position: relative;
    overflow: hidden
}

.index-box2 .container .swiper-container .swiper-slide a {
    display: block
}

.index-box2 .container .swiper-container .swiper-slide a .public-img {
    width: 100%
}

.index-box2 .container .swiper-container .swiper-slide a .public-img::before {
    padding-top: calc(611/454*100%)
}

.index-box2 .container .swiper-container .swiper-slide a .txt {
    width: 100%;
    line-height: calc(34/24);
    color: #fff;
    font-weight: 600;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    padding: .55rem .6rem;
    background: rgba(53,104,177,0.6)
}

@media (min-width: 992px) {
    .index-box2 .container .swiper-container .swiper-slide a:hover .public-img img {
        transform:scale(1.05)
    }
}

.index-box2 .container .swiper-container .swiper-pagination {
    width: 100%;
    height: 3px;
    background: #eee;
    top: calc(100% - 3px)
}

.index-box2 .container .swiper-container .swiper-pagination .swiper-pagination-progressbar-fill {
    background: #1d509f
}

.index-box6{
    width: 100%;
    position: relative;
    height: 100vh;
}

.index-box6 .bg-img {
    width: 100%;
     height: 100vh;
    border-radius: .25rem;
    overflow: hidden
}

.index-box6 .bg-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}



.index-box6 .info {
    width: 58%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    text-align: center;
    
    margin: 0 auto;
    margin-left: 15%;
}
.index-box6 .info .title_head{
    color: #fff;
    margin-bottom: 20px;
    text-align: left;
}
.index-box6 .info .nr{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}
.index-box6 .info .nr .title{
    margin-bottom: 5px;
}
.index-box6 .info .nr .nr_left{
    width: 103px;
    height: 103px;
    margin-right: 34px;
}
.index-box6 .info .nr .nr_left img{
    width: 100%;
    height: 100%;
}
.index-box6 .info .nr .nr_right{
    flex: 1;
    color: #fff;
    text-align: left;
}
@media (max-width: 991px) {
    .index-box6 .info {
        width: 90% !important;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 2;
        text-align: center;
        margin-left: 0 !important;
    }
    .index-box6 .info .nr .nr_left{
        width: 60px !important;
        height: 60px !important;
        margin-right: 5% !important;
    }
    .index-box6 .info .nr .nr_right{
        flex: 1;
        color: #fff;
        text-align: left;
    }
    .index-box6 .info .nr .nr_right .title{
        font-size: 20px !important;
    }
     .index-box6 .info .nr .nr_right .txt{
        font-size: 14px !important;
    }
}


.index-box3 {
    width: 100%;
    background: #ffffff;
    position: relative
}
.box2-item{
     /* width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    padding: .4rem .4rem .2rem;
    border-radius: .3rem */
    
}
.box2-item-img{
    /* width: 100%;
    height: 100%; */
}
.index-box3 .img-box {
    width: 100%;
    height: 100vh;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    border-radius: .45rem .45rem 0 0;
    overflow: hidden
}

.index-box3 .img-box .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2
}

.index-box3 .img-box .bg .tx {
    width: 101%;
    height: 101%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
    object-fit: cover
}

.index-box3 .img-box .img {
    width: 100%;
    height: 100%;
    position: relative;
    margin: auto;
    display: flex;
    justify-content: center
}

.index-box3 .img-box .img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.index-box3 .img-box .icons {
    width: 5.87rem;
    height: 3.03rem;
    position: absolute;
    left: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 2;
    overflow: hidden
}

.index-box3 .img-box .icons img {
    width: 100%
}

.index-box3 .container {
    position: relative;
    z-index: 3;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-bottom: 1rem
}

.index-box3 .container .title {
    width: calc(450/1400*100%);
    line-height: calc(70/60);
    font-weight: 600;
    color: #fff;
    position: sticky;
    position: -webkit-sticky;
    top: 1.5rem;
    height: 50vh
}

@media (max-width: 991px) {
    .index-box3 .container .title {
        width:100%;
        height: auto;
        position: relative;
        top: initial
    }
}

.index-box3 .container .list {
    width: calc(755/1400*100%);
    margin-left: .88rem;
    padding-bottom: 2.2rem
}

@media (max-width: 991px) {
    .index-box3 .container .list {
        width:100%;
        margin-left: 0;
        padding-top: 1.2rem
    }
}

.index-box3 .container .list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start
}

.index-box3 .container .list ul li {
    width: calc(212/455*100%);
    border-radius: .3rem;
    border: 1px solid #fff;
    position: relative;
    overflow: hidden;
    margin-bottom: .2rem
}

.index-box3 .container .list ul li:nth-child(odd) {
    transform: translateY(1.2rem)
}

.index-box3 .container .list ul li .public-img {
    width: 100%;
    border-radius: .3rem
}
/* .index-box3 .container .list ul li::before {
  content: "";
  display: block;
  padding-top: 61.538%; 
}

.index-box3 .container .list ul li .public-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
} */

.index-box3 .container .list ul li .public-img::before {
    content: '';
    background: url(../images/index-box3-list-bg.jpg) center center no-repeat;
    background-size: contain;
    opacity: 0;
    transition: all .4s
}

.index-box3 .container .list ul li .public-img::after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.1);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    position: absolute;
    top: 0;
    left: 0;
    transition: all .4s
}

.index-box3 .container .list ul li .tbox {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    padding: .4rem .4rem .2rem;
    border-radius: .3rem
}

.index-box3 .container .list ul li .tbox .icon {
    width: 22px;
    height: 22px
}

.index-box3 .container .list ul li .tbox .txt {
    width: 100%;
    margin-top: .75rem;
    line-height: calc(24/18);
    color: #fff
}

.index-box3 .container .list ul li:hover .public-img::before {
    opacity: 1
}

.index-box3 .container .list ul li:hover .public-img::after {
    opacity: 0
}

.index-box4 {
    width: 100%;
    position: relative;
    margin-top: -0.6rem;
    padding: 1.38rem 0 2rem;
    border-radius: .45rem .45rem 0 0;
    background: linear-gradient(to left, #f5f8fe, #fff)
}

.index-box4 .container .title {
    line-height: calc(70/60);
    font-weight: 600;
    color: #222;
    text-align: center
}

.index-box4 .container .list {
    width: 100%;
    margin-top: .58rem
}

.index-box4 .container .list .swiper-container {
    min-height: 3.6rem
}

.index-box4 .container .list .swiper-container .swiper-slide {
    height: auto;
    padding: .45rem .75rem .48rem;
    border-radius: .3rem
}

.index-box4 .container .list .swiper-container .swiper-slide .icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #1d509f;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .4s
}

.index-box4 .container .list .swiper-container .swiper-slide .icon svg path {
    fill: #1d509f;
    transition: all .4s
}

.index-box4 .container .list .swiper-container .swiper-slide .t1 {
    color: #1c50a1;
    font-weight: 600;
    line-height: calc(34/24);
    margin-top: .8rem;
    transition: all .4s
}

.index-box4 .container .list .swiper-container .swiper-slide .t2 {
    color: #666;
    line-height: calc(24/18);
    margin-top: .2rem
}

.index-box4 .container .list .swiper-container .swiper-slide-active {
    background: linear-gradient(to bottom, #fff 0%, #fff 80%, rgba(255,255,255,0))
}

.index-box4 .container .list .swiper-container .swiper-slide-active .icon {
    background: #1d509f
}

.index-box4 .container .list .swiper-container .swiper-slide-active .icon svg path {
    fill: #fff
}

.index-box4 .container .ckbox {
    display: flex;
    justify-content: center;
    margin-top: .58rem
}

.index-box4 .container .ckbox .prev,.index-box4 .container .ckbox .next {
    width: .45rem;
    height: .45rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #1d509f;
    transition: all .4s;
    margin: 0 7px;
    cursor: pointer
}

@media (max-width: 767px) {
    .index-box4 .container .ckbox .prev,.index-box4 .container .ckbox .next {
        width:.68rem;
        height: .68rem
    }
}

.index-box4 .container .ckbox .prev svg,.index-box4 .container .ckbox .next svg {
    width: 14px;
    height: 14px;
    transform: rotateZ(-90deg)
}

.index-box4 .container .ckbox .prev svg path,.index-box4 .container .ckbox .next svg path {
    fill: #1d509f;
    transition: all .4s
}

.index-box4 .container .ckbox .prev:hover,.index-box4 .container .ckbox .next:hover {
    background: #1d509f
}

.index-box4 .container .ckbox .prev:hover svg path,.index-box4 .container .ckbox .next:hover svg path {
    fill: #fff
}

.index-box4 .container .ckbox .prev svg {
    transform: rotateZ(90deg)
}

.index-box4 .container .other-box {
    width: 100%;
    position: relative;
    margin-top: 1.4rem
}

.index-box4 .container .other-box .bg {
    width: 100%;
    height: 4rem;
    border-radius: .25rem;
    overflow: hidden
}

.index-box4 .container .other-box .bg img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.index-box4 .container .other-box .tbox {
    width: 90%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    text-align: center
}

.index-box4 .container .other-box .tbox .title {
    line-height: calc(70/60);
    color: #fff;
    font-weight: 600
}

.index-box4 .container .other-box .tbox .txt {
    line-height: calc(34/24);
    color: #fff;
    margin-top: .15rem
}

.index-box5 {
    width: 100%;
    position: relative;
    background: #f4f6fa;
    border-radius: .45rem .45rem 0 0;
    margin-top: -0.6rem;
    padding: 1.4rem 0 2rem;
    overflow: hidden
}

.index-box5 .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0
}

.index-box5 .bg img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.index-box5 .container {
    position: relative;
    z-index: 2
}

.index-box5 .container .title {
    color: #222;
    text-align: center;
    line-height: calc(70/60);
    font-weight: 600
}

.index-box5 .container .list {
    width: 100%;
    margin-top: .58rem
}

.index-box5 .container .list ul {
    width: calc(100% + .84rem);
    margin: 0 -0.42rem;
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 991px) {
    .index-box5 .container .list ul {
        width:100%;
        margin: 0
    }
}

.index-box5 .container .list ul li {
    width: calc(33.33% - .84rem);
    margin: 0 .42rem .4rem
}

@media (max-width: 991px) {
    .index-box5 .container .list ul li {
        width:100%;
        margin: 0 0 .4rem
    }
}

.index-box5 .container .list ul li a {
    display: block
}

.index-box5 .container .list ul li a .public-img {
    width: 100%;
    border-radius: .3rem
}

.index-box5 .container .list ul li a .public-img::before {
    padding-top: calc(307/410*100%)
}

.index-box5 .container .list ul li a .public-img::after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.3);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    opacity: 0;
    transition: all .4s
}

.index-box5 .container .list ul li a .public-img .zz-img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-image: url(../images/index-box5-logo.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-image: url(../images/index-box5-logo.svg);
    background-size: 2.36rem 2.29rem;
    opacity: 0;
    transition: all .4s
}

.index-box5 .container .list ul li a .public-img .zz-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.index-box5 .container .list ul li a .t1 {
    width: 100%;
    margin-top: .36rem;
    color: #222;
    font-weight: 600;
    line-height: calc(30/24);
    height: calc(30/24*2em);
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    transition: all .4s
}

.index-box5 .container .list ul li a .t2 {
    display: flex;
    margin-top: .32rem
}

.index-box5 .container .list ul li a .t2 span {
    color: #1d509f;
    transition: all .4s
}

.index-box5 .container .list ul li:hover a .public-img::after {
    opacity: 1
}

.index-box5 .container .list ul li:hover a .public-img .zz-img {
    opacity: 1
}

.index-box5 .container .list ul li:hover a .t1 {
    color: #1d509f
}

.index-box5 .container .list ul li:hover a .t2 span {
    text-decoration: underline
}

.index-box5 .container .more {
    margin-top: .26rem;
    display: flex;
    justify-content: center
}

.footer {
    width: 100%;
    position: relative;
    margin-top: -0.6rem;
    background: #1A2320;
    border-radius: .45rem .45rem 0 0;
    padding: .6rem 0 0;
    overflow: hidden;
}

.footer .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
    display: flex;
    align-items: flex-end
}

.footer .bg img {
    width: 100%
}

@media (max-width: 991px) {
    .footer .bg .pc {
        display:none
    }
}

.footer .bg .mb {
    display: none
}

@media (max-width: 991px) {
    .footer .bg .mb {
        display:block
    }
}

.footer .top {
    width: 100%;
    display: none
}

.footer .top .container {
    position: relative;
    z-index: 2
}

.footer .top .container .title {
    color: #fff;
    text-align: center;
    line-height: calc(58/48);
    font-weight: 600
}

.footer .top .container .txt {
    width: 1080px;
    max-width: 100%;
    margin: .22rem auto 0;
    color: #fff;
    line-height: calc(26/20);
    text-align: center
}

.footer .top .container .more {
    display: flex;
    justify-content: center;
    margin-top: .57rem
}

.footer .top .container .more .public-btn a {
    border: 1px solid rgba(255,255,255,0.3)
}

.footer .down {
    width: 100%;
    position: relative;
    z-index: 2
}

.footer .down .d1 {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.footer .down .d1 .dbox {
    width: 1600px;
    max-width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    flex-wrap: wrap
}

.footer .down .d1 .dbox .left {
    width: 70%
}
.bottom_sm{
    /* width: 50%; */
    color: #fff;
}
@media (max-width: 991px) {
    .footer .down .d1 {
    width: 100%;
    display: block;
}
    .footer .down .d1 .dbox .left {
        width:100%
    }
    .bottom_sm{
    width: 100%;
    color: #fff;
    margin-bottom: 20px;
}

}

.bottom_sm_title{
/* font-size: 16px; */
}
.bottom_sm_text{
/* font-size: 14px; */
margin-top: 20px;
}

@media (max-width: 767px) {
    .footer .down .d1 .dbox .left .menu {
        display:none
    }
    

}

.footer .down .d1 .dbox .left .menu ul {
    display: flex;
    flex-wrap: wrap
}

.footer .down .d1 .dbox .left .menu ul li {
    display: flex;
    align-items: center
}

.footer .down .d1 .dbox .left .menu ul li a {
    color: #fff;
    transition: all .4s
}

.footer .down .d1 .dbox .left .menu ul li a:hover {
    text-decoration: underline
}

.footer .down .d1 .dbox .left .menu ul li i {
    color: rgba(255,255,255,0.5);
    display: flex;
    font-style: initial;
    align-items: center;
    margin: 0 .28rem
}

.footer .down .d1 .dbox .left .menu ul li:last-child i {
    display: none
}

.footer .down .d1 .dbox .left .flink {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: .33rem
}

.footer .down .d1 .dbox .left .flink span {
    color: rgba(255,255,255,0.8)
}

.footer .down .d1 .dbox .left .flink a {
    color: rgba(255,255,255,0.8);
    transition: all .4s;
    text-decoration: underline;
    margin-left: .2rem
}

.footer .down .d1 .dbox .left .flink a:hover {
    color: #fff
}

.footer .down .d1 .dbox .right {
    padding-top: 4px;
    display: flex;
    justify-content: flex-end
}

@media (max-width: 991px) {
    .footer .down .d1 .dbox .right {
        width:100%;
        margin-top: .3rem;
        justify-content: flex-start
    }
}

.footer .down .d1 .dbox .right .share {
    display: flex
}

.footer .down .d1 .dbox .right .share a {
    width: 30px;
    height: 30px;
    margin-right: .27rem;
    position: relative;
    z-index: 1
}

.footer .down .d1 .dbox .right .share a:last-child {
    margin-right: 0
}

.footer .down .d1 .dbox .right .share a svg {
    width: 100%;
    height: 100%
}

.footer .down .d1 .dbox .right .share a svg path {
    fill: rgba(255,255,255,0.8);
    transition: all .4s;
    opacity: 1
}

.footer .down .d1 .dbox .right .share a .ewm {
    width: 100px;
    height: 100px;
    background: #fff;
    border-radius: 3px;
    padding: 5px;
    box-shadow: 0 0 .1rem 0 rgba(0,0,0,0.1);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 100%;
    display: none
}

.footer .down .d1 .dbox .right .share a:hover svg path {
    fill: #fff
}

.footer .down .d1 .dbox .right .share a:hover .ewm {
    display: block
}

.footer .down .d2 {
    width: 100%;
    border-top: 1px solid rgba(255,255,255,0.1);
    margin-top: .37rem;
    padding: .38rem 0 .28rem
}

.footer .down .d2 .dbox {
    width: 1600px;
    max-width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content:center;
    flex-wrap: wrap
}

.footer .down .d2 .dbox .left {
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 991px) {
    .footer .down .d2 .dbox .left {
        width:100%;
        justify-content: center
    }
}

.footer .down .d2 .dbox .left span {
    color: rgba(255,255,255,0.6);
    margin-right: .4rem
}

.footer .down .d2 .dbox .left a {
    color: rgba(255,255,255,0.6)
}

@media (max-width: 991px) {
    .footer .down .d2 .dbox .right {
        width:100%;
        margin-top: .2rem;
        display: flex;
        justify-content: center
    }
}

.footer .down .d2 .dbox .right ul {
    display: flex;
    flex-wrap: wrap
}

.footer .down .d2 .dbox .right ul li {
    display: flex;
    align-items: center
}

@media (max-width: 767px) {
    .footer .down .d2 .dbox .right ul li {
        margin-right:.1rem
    }

    .footer .down .d2 .dbox .right ul li:last-child {
        margin-right: 0
    }
}

.footer .down .d2 .dbox .right ul li a {
    color: rgba(255,255,255,0.6);
    transition: all .4s
}

.footer .down .d2 .dbox .right ul li a:hover {
    color: #fff
}

.footer .down .d2 .dbox .right ul li i {
    color: rgba(255,255,255,0.5);
    display: flex;
    font-style: initial;
    align-items: center;
    margin: 0 .28rem
}

.logo_1{
    width: 105px;
    height: 149px;
    margin-right: 10px;
}
@media (max-width: 767px) {
    .footer .down .d2 .dbox .right ul li i {
        display:none
    }
}

.footer .down .d2 .dbox .right ul li:last-child i {
    display: none
}

.about {
    width: 100%
}

.about .box1 {
    width: 100%;
    position: relative
}

.about .box1 .img {
    width: 100%;
    height: 100vh
}

.about .box1 .img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.about .box1 .container {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding-bottom: .6rem
}

.about .box1 .container .title {
    line-height: calc(66/56);
    color: #fff;
    text-transform: uppercase;
    font-weight: 600
}

.about .box1 .container .txt {
    line-height: calc(30/20);
    color: #fff;
    margin-top: .15rem
}

.about .box2 {
    width: 100%;
    background: #f0f3f7;
    border-radius: .45rem .45rem 0 0;
    margin-top: -0.6rem;
    position: relative;
    padding: 1.35rem 0 2rem
}

.about .box2 .container .top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap
}

.about .box2 .container .top .title {
    width: calc(400/1400*100%);
    color: #222;
    line-height: calc(58/48);
    font-weight: 600
}

@media (max-width: 991px) {
    .about .box2 .container .top .title {
        width:100%
    }
}

.about .box2 .container .top .tbox {
    width: calc(895/1400*100%)
}

@media (max-width: 991px) {
    .about .box2 .container .top .tbox {
        width:100%;
        margin-top: .5rem
    }
}

.about .box2 .container .top .tbox .txt {
    width: 100%;
    color: #666;
    line-height: calc(22/16);
    position: relative
}

.about .box2 .container .top .tbox .txt::after {
    content: '';
    width: 100%;
    height: 1rem;
    background: linear-gradient(to top, #f0f3f7, rgba(240,243,247,0));
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    display: none
}

@media (max-width: 991px) {
    .about .box2 .container .top .tbox .txt::after {
        height:2rem
    }
}

.about .box2 .container .top .tbox .txt.on {
    max-height: initial
}

.about .box2 .container .top .tbox .txt.on::after {
    display: none
}

.about .box2 .container .top .tbox .more {
    display: flex;
    margin-top: .4rem;
    display: none
}

.about .box2 .container .list {
    width: 100%;
    margin-top: 1.2rem
}

.about .box2 .container .list .swiper-container {
    width: 100%;
    padding-bottom: .42rem
}

.about .box2 .container .list .swiper-container .swiper-slide {
    height: auto;
    background: #fff;
    border-radius: .3rem;
    padding: .25rem
}

.about .box2 .container .list .swiper-container .swiper-slide .num {
    width: 100%;
    display: flex;
    align-items: flex-start
}

.about .box2 .container .list .swiper-container .swiper-slide .num span {
    color: #222;
    transition: all .4s;
    line-height: 1;
    font-weight: 600
}

.about .box2 .container .list .swiper-container .swiper-slide .num i {
    color: #222;
    line-height: 1;
    font-style: initial;
    transition: all .4s
}

.about .box2 .container .list .swiper-container .swiper-slide .txt {
    width: 100%;
    color: #666;
    line-height: calc(24/16);
    height: calc(24/16*2em);
    margin-top: 8px;
    transition: all .4s
}

.about .box2 .container .list .swiper-container .swiper-slide .icon {
    width: .4rem;
    height: .4rem;
    margin-left: auto
}

.about .box2 .container .list .swiper-container .swiper-slide .icon svg {
    width: 100%;
    height: 100%
}

.about .box2 .container .list .swiper-container .swiper-slide .icon svg path {
    fill: #999;
    transition: all .4s
}

.about .box2 .container .list .swiper-container .swiper-slide:hover .num span {
    color: #1c50a1
}

.about .box2 .container .list .swiper-container .swiper-slide:hover .num i {
    color: #1c50a1
}

.about .box2 .container .list .swiper-container .swiper-slide:hover .txt {
    color: #1c50a1
}

.about .box2 .container .list .swiper-container .swiper-slide:hover .icon svg path {
    fill: #1c50a1
}

.about .box2 .container .list .swiper-container .swiper-pagination {
    top: calc(100% - 2px);
    height: 2px;
    background: #d8dade
}

.about .box2 .container .list .swiper-container .swiper-pagination-progressbar-fill {
    background: #1c50a1
}

.about .box3 {
    width: 100%;
    border-radius: .45rem .45rem 0 0;
    margin-top: -0.6rem;
    position: relative;
    padding: 1.35rem 0 2rem;
    background: #fff
}

.about .box3 .container .title {
    text-align: center;
    line-height: calc(58/48);
    color: #222;
    font-weight: 600
}

.about .box3 .container .menu {
    width: 100%;
    margin-top: .6rem
}

.about .box3 .container .menu ul {
    width: 100%;
    display: flex;
    justify-content: center
}

@media (max-width: 767px) {
    .about .box3 .container .menu ul {
        justify-content:flex-start;
        overflow-x: auto;
        padding-bottom: .1rem
    }
}

.about .box3 .container .menu ul li {
    display: flex;
    margin-right: .2rem
}

.about .box3 .container .menu ul li:last-child {
    margin-right: 0
}

.about .box3 .container .menu ul li a {
    height: .54rem;
    border: 1px solid #d8dde6;
    border-radius: .27rem;
    padding: 0 .25rem;
    background: #f3f4f6;
    color: #222;
    display: flex;
    align-items: center;
    transition: all .4s;
    white-space: nowrap
}

@media (min-width: 992px) {
    .about .box3 .container .menu ul li:hover a {
        color:#fff;
        background: #1c50a1;
        border: 1px solid #1c50a1
    }
}

.about .box3 .container .menu ul li.on a {
    color: #fff;
    background: #1c50a1;
    border: 1px solid #1c50a1
}

.about .box3 .container .list {
    width: 100%;
    margin-top: .4rem;
    position: relative
}

.about .box3 .container .list ul li {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
    pointer-events: none;
    background: #fff
}

.about .box3 .container .list ul li:nth-child(1) {
    position: relative
}

.about .box3 .container .list ul li.on {
    z-index: 5;
    pointer-events: all
}

.about .box3 .container .list ul li .swiper-container {
    position: relative;
    padding-bottom: .42rem
}

.about .box3 .container .list ul li .swiper-container .swiper-slide {
    height: 3.8rem;
    border-radius: .3rem;
    background: #f0f3f7;
    width: calc(350/1400*100%);
    position: relative;
    transition: all .4s;
    padding: .3rem .4rem .36rem;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between
}

@media (max-width: 991px) {
    .about .box3 .container .list ul li .swiper-container .swiper-slide {
        width:40%
    }
}

@media (max-width: 991px) {
    .about .box3 .container .list ul li .swiper-container .swiper-slide {
        width:100%
    }
}

.about .box3 .container .list ul li .swiper-container .swiper-slide .bg {
    width: 3.38rem;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all .4s;
    z-index: 1;
    pointer-events: none
}

.about .box3 .container .list ul li .swiper-container .swiper-slide .bg img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.about .box3 .container .list ul li .swiper-container .swiper-slide .year {
    width: 100%;
    display: flex;
    justify-content: flex-start
}

.about .box3 .container .list ul li .swiper-container .swiper-slide .year span {
    color: #999;
    font-weight: 600;
    transition: all .4s
}

.about .box3 .container .list ul li .swiper-container .swiper-slide .txt {
    width: 100%;
    line-height: calc(26/18);
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all .4s
}

.about .box3 .container .list ul li .swiper-container .swiper-slide-active {
    width: calc(660/1400*100%);
    background: #1d509f
}

@media (max-width: 991px) {
    .about .box3 .container .list ul li .swiper-container .swiper-slide-active {
        width:60%
    }
}

@media (max-width: 991px) {
    .about .box3 .container .list ul li .swiper-container .swiper-slide-active {
        width:100%
    }
}

.about .box3 .container .list ul li .swiper-container .swiper-slide-active::before {
    opacity: 1
}

.about .box3 .container .list ul li .swiper-container .swiper-slide-active .bg {
    opacity: 1
}

.about .box3 .container .list ul li .swiper-container .swiper-slide-active .year {
    justify-content: flex-end
}

.about .box3 .container .list ul li .swiper-container .swiper-slide-active .year span {
    color: #fff
}

.about .box3 .container .list ul li .swiper-container .swiper-slide-active .txt {
    color: #fff
}

.about .box3 .container .list ul li .swiper-container .swiper-pagination {
    top: calc(100% - 2px);
    height: 2px;
    background: #d8dade
}

.about .box3 .container .list ul li .swiper-container .swiper-pagination-progressbar-fill {
    background: #1c50a1
}

.about .box4 {
    width: 100%;
    border-radius: .45rem .45rem 0 0;
    margin-top: -0.6rem;
    position: relative;
    overflow: hidden
}

.about .box4 .bg {
    width: 100%;
    height: 100vh
}

.about .box4 .bg img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media (max-width: 991px) {
    .about .box4 .bg img.pc {
        display:none
    }
}

.about .box4 .bg img.mb {
    display: none
}

@media (max-width: 991px) {
    .about .box4 .bg img.mb {
        display:block
    }
}

.about .box4 .container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2
}

.about .box4 .container .t1 {
    text-align: center;
    line-height: calc(30/20);
    color: #fff
}

.about .box4 .container .t2 {
    width: 100%;
    margin-top: .3rem;
    text-align: center;
    font-weight: 600;
    color: #fff;
    line-height: calc(60/48)
}

.about .box5 {
    width: 100%;
    background: #fff;
    position: relative;
    border-radius: .45rem .45rem 0 0;
    margin-top: -0.6rem;
    padding: 1.37rem 0 2rem
}

.about .box5 .title {
    line-height: calc(58/48);
    text-align: center;
    color: #222;
    font-weight: 600
}

.about .box5 .menu {
    width: 100%;
    margin-top: .45rem
}

@media (max-width: 767px) {
    .about .box5 .menu {
        padding:0 5%
    }
}

.about .box5 .menu ul {
    width: 100%;
    display: flex;
    justify-content: center
}

@media (max-width: 767px) {
    .about .box5 .menu ul {
        justify-content:flex-start;
        overflow-x: auto;
        padding-bottom: .1rem
    }
}

.about .box5 .menu ul li {
    display: flex;
    margin-right: .2rem
}

.about .box5 .menu ul li:last-child {
    margin-right: 0
}

.about .box5 .menu ul li a {
    min-width: 2.44rem;
    height: .54rem;
    border: 1px solid #d8dde6;
    border-radius: .27rem;
    padding: 0 .25rem;
    background: #f3f4f6;
    color: #222;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .4s
}

@media (min-width: 992px) {
    .about .box5 .menu ul li:hover a {
        color:#fff;
        background: #1c50a1;
        border: 1px solid #1c50a1
    }
}

.about .box5 .menu ul li.on a {
    color: #fff;
    background: #1c50a1;
    border: 1px solid #1c50a1
}

.about .box5 .list {
    width: 100%;
    margin-top: .4rem;
    position: relative
}

.about .box5 .list .boxs {
    width: 100%;
    height: 0;
    pointer-events: none;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.about .box5 .list .boxs.on {
    height: auto;
    pointer-events: all
}

.about .box5 .list .item {
    width: 100%;
    height: 2.9rem;
    position: relative;
    overflow: hidden;
    z-index: 2
}

.about .box5 .list .item ul {
    height: 100%;
    position: absolute;
    left: 0;
    display: flex;
    align-items: flex-start
}

.about .box5 .list .item ul li {
    width: 3.8rem;
    height: 2.4rem;
    padding: .2rem;
    border-radius: .3rem;
    margin: 0 .25rem .3rem 0;
    flex-shrink: 0;
    position: relative;
    background: #f9f9f9;
    transition: all .4s;
    display: flex;
    flex-wrap: wrap;
    align-content: center
}

.about .box5 .list .item ul li::before {
    content: '';
    width: .66rem;
    height: 100%;
    background: url(../images/about-box5-icon1.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: .27rem;
    pointer-events: none
}

.about .box5 .list .item ul li::after {
    content: '';
    width: .66rem;
    height: 100%;
    background: url(../images/about-box5-icon1.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    right: .27rem;
    pointer-events: none;
    transform: rotateY(180deg)
}

.about .box5 .list .item ul li .year {
    width: 100%;
    text-align: center;
    line-height: calc(30/20);
    color: #000;
    transition: all .4s
}

.about .box5 .list .item ul li .txt {
    width: calc(200/340*100%);
    color: #666;
    text-align: center;
    margin: .25rem auto 0;
    transition: all .4s;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 3em
}

.about .box5 .list .item ul li .tips {
    width: 4.1rem;
    background: #fff;
    border-radius: .1rem;
    position: absolute;
    z-index: 2;
    left: calc(235/380*100%);
    top: calc(184/240*100%);
    font-size: 14px;
    line-height: 20px;
    color: #666;
    padding: .15rem;
    box-shadow: 0 0 .29rem 0 rgba(0,0,0,0.2);
    display: none
}

.about .box5 .list .item ul li:hover {
    background: #2455a2
}

.about .box5 .list .item ul li:hover::before,.about .box5 .list .item ul li:hover::after {
    background: url(../images/about-box5-icon2.png) center center no-repeat;
    background-size: contain
}

.about .box5 .list .item ul li:hover .year {
    color: #fff
}

.about .box5 .list .item ul li:hover .txt {
    color: #fff
}

.about .box5 .list .item ul li:hover .tips {
    display: block
}

.about .box5 .list .item.item2 ul {
    left: initial;
    right: 0
}

.about .box5 .list .stitle {
    color: #222;
    text-align: center;
    line-height: calc(58/48);
    font-weight: 600
}

.about .box5 .list .b1 {
    width: 100%
}

.about .box5 .list .b1 .sboxs {
    width: 1400px;
    max-width: 90%;
    padding: 0 .5rem;
    margin: 0 auto;
    position: relative;
    z-index: 1
}

.about .box5 .list .b1 .swiper-container {
    width: 100%;
    position: relative;
    padding: .6rem 0 .3rem
}

.about .box5 .list .b1 .swiper-container .swiper-slide {
    height: auto;
    padding: .5rem .3rem .4rem;
    background: #f0f3f7;
    border-radius: .3rem;
    transition: all .4s
}

.about .box5 .list .b1 .swiper-container .swiper-slide .public-img {
    width: 100%
}

.about .box5 .list .b1 .swiper-container .swiper-slide .public-img::before {
    padding-top: calc(228/216*100%)
}

.about .box5 .list .b1 .swiper-container .swiper-slide .public-img img {
    object-fit: contain
}

.about .box5 .list .b1 .swiper-container .swiper-slide .tbox {
    width: 100%;
    position: relative;
    z-index: 1;
    margin-top: .23rem
}

.about .box5 .list .b1 .swiper-container .swiper-slide .tbox .year {
    font-size: .8rem;
    line-height: 1;
    text-align: center;
    font-family: MiSans;
    font-weight: bold;
    color: rgba(28,80,161,0.15)
}

.about .box5 .list .b1 .swiper-container .swiper-slide .tbox .txt {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    color: #000;
    line-height: calc(28/20);
    transition: all .4s;
    text-align: center
}

.about .box5 .list .b1 .swiper-container .swiper-slide:hover {
    background: #fff;
    box-shadow: 0 0 .24rem 0 rgba(28,80,161,0.2)
}

.about .box5 .list .b1 .swiper-container .swiper-slide:hover .tbox .txt {
    color: #1c50a1
}

.about .box5 .list .b1 .ck {
    width: 100%
}

@media (max-width: 991px) {
    .about .box5 .list .b1 .ck {
        position:relative;
        display: flex;
        justify-content: center;
        margin-top: .5rem
    }
}

.about .box5 .list .b1 .ck .prev,.about .box5 .list .b1 .ck .next {
    position: absolute;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
    width: .45rem;
    height: .45rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #1d509f;
    transition: all .4s;
    cursor: pointer
}

@media (max-width: 991px) {
    .about .box5 .list .b1 .ck .prev,.about .box5 .list .b1 .ck .next {
        position:relative;
        top: initial;
        transform: translateY(0)
    }
}

@media (max-width: 991px) {
    .about .box5 .list .b1 .ck .prev,.about .box5 .list .b1 .ck .next {
        width:.68rem;
        height: .68rem;
        margin: 0 5px
    }
}

.about .box5 .list .b1 .ck .prev svg,.about .box5 .list .b1 .ck .next svg {
    width: 14px;
    height: 14px;
    transform: rotateZ(-90deg)
}

.about .box5 .list .b1 .ck .prev svg path,.about .box5 .list .b1 .ck .next svg path {
    fill: #1d509f;
    transition: all .4s
}

.about .box5 .list .b1 .ck .prev:hover,.about .box5 .list .b1 .ck .next:hover {
    background: #1d509f
}

.about .box5 .list .b1 .ck .prev:hover svg path,.about .box5 .list .b1 .ck .next:hover svg path {
    fill: #fff
}

.about .box5 .list .b1 .ck .prev {
    left: -1.16rem
}

@media (max-width: 991px) {
    .about .box5 .list .b1 .ck .prev {
        left:initial
    }
}

.about .box5 .list .b1 .ck .prev svg {
    transform: rotateZ(90deg)
}

.about .box5 .list .b1 .ck .next {
    right: -1.16rem
}

@media (max-width: 991px) {
    .about .box5 .list .b1 .ck .next {
        right:initial
    }
}

.about .box5 .list .b2 .swiper-container {
    width: 100%;
    position: relative;
    margin-top: .6rem
}

@media (max-width: 991px) {
    .about .box5 .list .b2 .swiper-container {
        width:90%;
        margin: .6rem auto 0
    }
}

.about .box5 .list .b2 .swiper-container .swiper-slide {
    height: auto
}

.about .box5 .list .b2 .swiper-container .swiper-slide .bs {
    width: 100%;
    position: relative;
    transform: scale(.8);
    transition: all .4s;
    opacity: .6
}

@media (max-width: 991px) {
    .about .box5 .list .b2 .swiper-container .swiper-slide .bs {
        transform:scale(1)
    }
}

.about .box5 .list .b2 .swiper-container .swiper-slide .bs .public-img {
    width: 100%;
    border-radius: .3rem
}

.about .box5 .list .b2 .swiper-container .swiper-slide .bs .public-img::before {
    padding-top: calc(600/1000*100%)
}

.about .box5 .list .b2 .swiper-container .swiper-slide .bs .public-img::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    background: linear-gradient(to bottom, rgba(255,255,255,0.24), rgba(255,255,255,0.24));
    transition: all .4s
}

.about .box5 .list .b2 .swiper-container .swiper-slide .bs .tbox {
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
    padding: 0 .4rem .36rem
}

@media (max-width: 991px) {
    .about .box5 .list .b2 .swiper-container .swiper-slide .bs .tbox {
        position:relative;
        left: initial;
        bottom: initial;
        padding: .3rem 0 0
    }
}

.about .box5 .list .b2 .swiper-container .swiper-slide .bs .tbox .t1 {
    line-height: calc(34/24);
    color: #fff
}

@media (max-width: 991px) {
    .about .box5 .list .b2 .swiper-container .swiper-slide .bs .tbox .t1 {
        color:#000
    }
}

.about .box5 .list .b2 .swiper-container .swiper-slide .bs .tbox .t2 {
    color: #fff;
    line-height: calc(26/16);
    height: 0;
    transition: all .4s;
    overflow: hidden
}

@media (min-width: 992px) {
    .about .box5 .list .b2 .swiper-container .swiper-slide .bs .tbox .t2 {
        text-overflow:ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2
    }
}

@media (max-width: 991px) {
    .about .box5 .list .b2 .swiper-container .swiper-slide .bs .tbox .t2 {
        color:#666;
        height: auto
    }
}

.about .box5 .list .b2 .swiper-container .swiper-slide-active .bs {
    transform: scale(1);
    opacity: 1
}

.about .box5 .list .b2 .swiper-container .swiper-slide-active .bs .public-img::after {
    background: linear-gradient(to bottom, rgba(28,80,161,0), #1c50a1)
}

.about .box5 .list .b2 .swiper-container .swiper-slide-active .bs .tbox .t2 {
    padding-top: .1rem;
    height: calc(26/16*2em + .1rem)
}

@media (max-width: 991px) {
    .about .box5 .list .b2 .swiper-container .swiper-slide-active .bs .tbox .t2 {
        height:auto
    }
}

.about .box5 .list .b2 .swiper-container .ck {
    width: 100%
}

@media (max-width: 991px) {
    .about .box5 .list .b2 .swiper-container .ck {
        position:relative;
        display: flex;
        justify-content: center;
        margin-top: .5rem
    }
}

.about .box5 .list .b2 .swiper-container .ck .prev,.about .box5 .list .b2 .swiper-container .ck .next {
    position: absolute;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
    width: .45rem;
    height: .45rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #1d509f;
    transition: all .4s;
    cursor: pointer
}

@media (max-width: 991px) {
    .about .box5 .list .b2 .swiper-container .ck .prev,.about .box5 .list .b2 .swiper-container .ck .next {
        position:relative;
        top: initial;
        transform: translateY(0)
    }
}

@media (max-width: 991px) {
    .about .box5 .list .b2 .swiper-container .ck .prev,.about .box5 .list .b2 .swiper-container .ck .next {
        width:.68rem;
        height: .68rem;
        margin: 0 5px
    }
}

.about .box5 .list .b2 .swiper-container .ck .prev svg,.about .box5 .list .b2 .swiper-container .ck .next svg {
    width: 14px;
    height: 14px;
    transform: rotateZ(-90deg)
}

.about .box5 .list .b2 .swiper-container .ck .prev svg path,.about .box5 .list .b2 .swiper-container .ck .next svg path {
    fill: #1d509f;
    transition: all .4s
}

.about .box5 .list .b2 .swiper-container .ck .prev:hover,.about .box5 .list .b2 .swiper-container .ck .next:hover {
    background: #1d509f
}

.about .box5 .list .b2 .swiper-container .ck .prev:hover svg path,.about .box5 .list .b2 .swiper-container .ck .next:hover svg path {
    fill: #fff
}

.about .box5 .list .b2 .swiper-container .ck .prev {
    left: calc(400/1920*100%)
}

@media (max-width: 991px) {
    .about .box5 .list .b2 .swiper-container .ck .prev {
        left:initial
    }
}

.about .box5 .list .b2 .swiper-container .ck .prev svg {
    transform: rotateZ(90deg)
}

.about .box5 .list .b2 .swiper-container .ck .next {
    right: calc(400/1920*100%)
}

@media (max-width: 991px) {
    .about .box5 .list .b2 .swiper-container .ck .next {
        right:initial
    }
}

.service-banner {
    width: 100%;
    position: relative
}

.service-banner .img {
    width: 100%;
    height: 6rem
}

.service-banner .img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media (max-width: 991px) {
    .service-banner .img img.pc {
        display:none
    }
}

.service-banner .img img.md {
    display: none
}

@media (max-width: 991px) {
    .service-banner .img img.md {
        display:block
    }
}

.service-banner .container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2
}

.service-banner .container .title {
    color: #fff;
    font-weight: 600;
    line-height: calc(66/56)
}

.service-banner .container .txt {
    line-height: calc(26/20);
    color: #fff;
    margin-top: .15rem
}

.service-banner.join-banner .img {
    height: 6.5rem
}

.service {
    width: 100%
}

.service .index-box4 {
    margin-top: 0;
    border-radius: 0;
    padding: 1.36rem 0
}

.service .service-box1 {
    width: 100%;
    background: #fff;
    position: relative;
    padding: 1.35rem 0 1rem
}

.service .service-box1 .container .title {
    text-align: center;
    color: #222;
    font-weight: 600;
    line-height: calc(58/48)
}

.service .service-box1 .container .list {
    width: 100%;
    margin-top: .46rem
}

.service .service-box1 .container .list ul {
    width: calc(100% + .4rem);
    margin: 0 -0.2rem;
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 991px) {
    .service .service-box1 .container .list ul {
        width:100%;
        margin: 0
    }
}

.service .service-box1 .container .list ul li {
    width: calc(33.33% - .4rem);
    margin: 0 .2rem .4rem;
    padding: .2rem .2rem .33rem;
    border-radius: .3rem;
    overflow: hidden;
    background: #f4f6fa;
    transition: all .4s
}

@media (max-width: 991px) {
    .service .service-box1 .container .list ul li {
        width:100%;
        margin: 0 0 .4rem
    }
}

.service .service-box1 .container .list ul li a {
    display: block
}

.service .service-box1 .container .list ul li a .public-img {
    width: 100%;
    border-radius: .2rem
}

.service .service-box1 .container .list ul li a .public-img::before {
    padding-top: calc(3/4*100%)
}

.service .service-box1 .container .list ul li a .t1 {
    width: 100%;
    line-height: calc(34/24);
    color: #222;
    transition: all .4s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: .25rem;
    font-weight: 600
}

.service .service-box1 .container .list ul li a .t2 {
    display: flex;
    margin-top: .15rem
}

.service .service-box1 .container .list ul li a .t2 span {
    color: #1d509f;
    transition: all .4s
}

.service .service-box1 .container .list ul li:hover {
    background: #ffffff;
    box-shadow: 0 0 .38rem 0 rgba(29,80,159,0.2)
}

.service .service-box1 .container .list ul li:hover a .public-img img {
    transform: scale(1.05)
}

.service .service-box1 .container .list ul li:hover a .t1 {
    color: #1d509f
}

.service .service-box1 .container .list ul li:hover a .t2 span {
    text-decoration: underline
}

.service-info-banner {
    width: 100%;
    position: relative
}

.service-info-banner .bg {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0
}

.service-info-banner .bg img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.service-info-banner .breadcrumb {
    position: relative;
    z-index: 2
}

.service-info-banner .breadcrumb .container a {
    color: #fff
}

.service-info-banner .breadcrumb .container i svg paht {
    fill: #fff
}

.service-info-banner .breadcrumb .container span {
    color: #fff
}

.service-info-banner>.container {
    padding: .72rem 0 .81rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    z-index: 2
}

.service-info-banner>.container .left {
    width: calc(950/1400*100%)
}

@media (max-width: 991px) {
    .service-info-banner>.container .left {
        width:100%
    }
}

.service-info-banner>.container .left .title {
    color: #fff;
    font-weight: 600;
    line-height: calc(66/56)
}

.service-info-banner>.container .left .txt {
    line-height: calc(22/16);
    color: #fff;
    margin-top: .1rem
}

.service-info-banner>.container .right {
    width: calc(286/1400*100%)
}

@media (max-width: 991px) {
    .service-info-banner>.container .right {
        width:100%;
        max-width: 300px;
        margin-top: .5rem
    }
}

.service-info-banner>.container .right .email {
    width: 100%;
    background: #fff;
    display: flex;
    align-items: center;
    padding: .17rem .24rem;
    border-radius: .12rem;
    position: relative
}

.service-info-banner>.container .right .email::before {
    content: '';
    width: 1.2rem;
    height: 100%;
    background: url(../images/service-info-banner-icon.svg) left center no-repeat;
    background-size: 100% cover;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.service-info-banner>.container .right .email .icon {
    width: 36px;
    height: 36px;
    background: #1c50a1;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: .1rem
}

.service-info-banner>.container .right .email .icon img {
    width: 18px;
    object-fit: contain
}

.service-info-banner>.container .right .email .ts .t1 {
    color: #222;
    font-weight: 600
}

.service-info-banner>.container .right .email .ts .t2 {
    color: #222
}

.service-info-banner>.container .right .more {
    width: 100%;
    display: flex;
    margin-top: .2rem
}

.service-info-banner>.container .right .more a {
    width: 100%;
    height: .54rem;
    border-radius: .27rem;
    border: 1px solid rgba(255,255,255,0.3);
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 .08rem 0 rgba(255,255,255,0.18) inset;
    transition: all .4s
}

@media (max-width: 991px) {
    .service-info-banner>.container .right .more a {
        height:.78rem;
        border-radius: .39rem
    }
}

.service-info-banner>.container .right .more a span {
    color: #fff;
    transition: all .4s
}

.service-info-banner>.container .right .more a:hover {
    background: #fff
}

.service-info-banner>.container .right .more a:hover span {
    color: #1d509f
}

.service-info {
    width: 100%;
    background: #f4f6fa;
    padding: 1.35rem 0 .88rem
}

@media (max-width: 991px) {
    .service-info {
        padding:1.35rem 0 2rem
    }
}

.service-info .container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start
}

.service-info .container .left {
    width: calc(980/1400*100%)
}

@media (max-width: 991px) {
    .service-info .container .left {
        width:100%
    }
}

.service-info .container .left .box1 {
    width: 100%
}

.service-info .container .left .box1 .title {
    line-height: calc(46/36);
    font-weight: 600;
    color: #222
}

.service-info .container .left .box1 .list {
    width: 100%;
    margin-top: .22rem
}

.service-info .container .left .box1 .list ul {
    width: calc(100% + .2rem);
    margin: 0 -0.1rem;
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 991px) {
    .service-info .container .left .box1 .list ul {
        width:100%;
        margin: 0
    }
}

.service-info .container .left .box1 .list ul li {
    width: calc(33.33% - .2rem);
    margin: 0 .1rem .2rem;
    background: #fff;
    border-radius: .3rem;
    padding: .3rem
}

@media (max-width: 991px) {
    .service-info .container .left .box1 .list ul li {
        width:100%;
        margin: 0 0 .2rem
    }
}

.service-info .container .left .box1 .list ul li .num {
    width: .64rem;
    height: .64rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #1d509f;
    border: .07rem solid #f3f6fa;
    background: rgba(28,80,161,0.1);
    font-weight: 600
}

.service-info .container .left .box1 .list ul li .t1 {
    line-height: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #222;
    margin-top: .4rem
}

.service-info .container .left .box1 .list ul li .t2 {
    color: #222;
    line-height: calc(22/16);
    margin-top: .15rem
}

.service-info .container .left .box2 {
    width: 100%;
    margin-top: .6rem
}

.service-info .container .left .box2 .title {
    line-height: calc(46/36);
    font-weight: 600;
    color: #222
}

.service-info .container .left .box2 .list {
    width: 100%;
    background: #fff;
    margin-top: .25rem;
    border-radius: .3rem;
    padding: .8rem 0 .8rem;
    display: flex;
    flex-wrap: wrap
}

.service-info .container .left .box2 .list .item {
    width: 33.33%;
    position: relative;
    padding: 0 .4rem
}

@media (max-width: 991px) {
    .service-info .container .left .box2 .list .item {
        width:100%;
        margin-bottom: .5rem
    }

    .service-info .container .left .box2 .list .item:last-child {
        margin-bottom: 0
    }
}

.service-info .container .left .box2 .list .item::after {
    content: '';
    width: 1px;
    height: calc(100% - .2rem);
    background: #f4f6fa;
    position: absolute;
    right: 0;
    bottom: 0
}

.service-info .container .left .box2 .list .item:last-child::after {
    display: none
}

.service-info .container .left .box2 .list .item .t1 {
    line-height: calc(32/22);
    font-weight: 600
}

.service-info .container .left .box2 .list .item .line {
    width: .24rem;
    height: 3px;
    background: #1c50a1;
    margin-top: .24rem;
    margin-bottom: .3rem
}

.service-info .container .left .box2 .list .item .t2 {
    width: 100%;
    display: flex;
    margin-bottom: .2rem
}

.service-info .container .left .box2 .list .item .t2:last-child {
    margin-bottom: 0
}

.service-info .container .left .box2 .list .item .t2 i {
    width: 21px;
    height: 21px;
    flex-shrink: 0
}

.service-info .container .left .box2 .list .item .t2 i img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.service-info .container .left .box2 .list .item .t2 span {
    color: #333;
    line-height: calc(20/16);
    padding-top: 2px;
    margin-left: .1rem
}

.service-info .container .left .box3 {
    width: 100%;
    margin-top: .77rem
}

.service-info .container .left .box3 .title {
    line-height: calc(46/36);
    font-weight: 600;
    color: #222
}

.service-info .container .left .box3 .list {
    width: 100%;
    margin-top: .2rem
}

.service-info .container .left .box3 .list ul {
    width: calc(100% + .2rem);
    margin: 0 -0.1rem;
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 991px) {
    .service-info .container .left .box3 .list ul {
        width:100%;
        margin: 0
    }
}

.service-info .container .left .box3 .list ul li {
    width: calc(50% - .2rem);
    margin: 0 .1rem .2rem;
    background: #fff url(../images/service-info-box3-bg.png) center center no-repeat;
    background-size: cover;
    padding: .36rem .4rem .38rem;
    border-radius: .3rem
}

@media (max-width: 991px) {
    .service-info .container .left .box3 .list ul li {
        width:100%;
        margin: 0 0 .2rem
    }
}

.service-info .container .left .box3 .list ul li .t1 {
    line-height: calc(34/24);
    color: #222;
    font-weight: 600;
    position: relative;
    padding-left: .27rem
}

.service-info .container .left .box3 .list ul li .t1::before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #1d509f;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.service-info .container .left .box3 .list ul li .t2 {
    color: #666;
    margin-top: .1rem;
    line-height: calc(22/16)
}

.service-info .container .left .box4 {
    width: 100%;
    margin-top: .66rem
}

.service-info .container .left .box4 .title {
    line-height: calc(46/36);
    font-weight: 600;
    color: #222
}

.service-info .container .left .box4 .txt {
    color: #666;
    margin-top: .1rem;
    line-height: calc(22/16)
}

.service-info .container .left .box4 .list {
    width: 100%;
    margin-top: .2rem;
    position: relative
}

@media (max-width: 767px) {
    .service-info .container .left .box4 .list {
        margin-top:.5rem;
        padding-bottom: 1rem
    }

    .service-info .container .left .box4 .list::before {
        content: '';
        width: 1px;
        height: 100%;
        background: #1d509f;
        position: absolute;
        left: 50%;
        top: 0;
        opacity: .1
    }

    .service-info .container .left .box4 .list::after {
        content: '';
        border-top: 8px solid #1d509f;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%)
    }
}

.service-info .container .left .box4 .list ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 767px) {
    .service-info .container .left .box4 .list ul {
        justify-content:space-between;
        position: relative
    }

    .service-info .container .left .box4 .list ul::after {
        content: '';
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #1d509f;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%)
    }
}

.service-info .container .left .box4 .list ul:nth-child(2) {
    display: flex;
    justify-content: flex-end
}

@media (max-width: 767px) {
    .service-info .container .left .box4 .list ul:nth-child(2) {
        justify-content:flex-start
    }

    .service-info .container .left .box4 .list ul:nth-child(2)::after {
        display: none
    }
}

.service-info .container .left .box4 .list ul:nth-child(2) li:nth-child(1) {
    z-index: 4;
    order: 8
}

@media (max-width: 767px) {
    .service-info .container .left .box4 .list ul:nth-child(2) li:nth-child(1) {
        order:5
    }
}

.service-info .container .left .box4 .list ul:nth-child(2) li:nth-child(1)::before {
    content: '';
    width: calc(291/264*100%);
    height: 100%;
    background: url(../images/5.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    left: -0.2rem;
    top: 0;
    pointer-events: none
}

@media (max-width: 1580px) {
    .service-info .container .left .box4 .list ul:nth-child(2) li:nth-child(1)::before {
        left:-0.4rem
    }
}

@media (max-width: 1024px) {
    .service-info .container .left .box4 .list ul:nth-child(2) li:nth-child(1)::before {
        left:-0.2rem
    }
}

@media (max-width: 767px) {
    .service-info .container .left .box4 .list ul:nth-child(2) li:nth-child(1)::before {
        width:90%;
        background: url(../images/1.png) center center no-repeat;
        background-size: contain;
        left: 0
    }
}

.service-info .container .left .box4 .list ul:nth-child(2) li:nth-child(2) {
    z-index: 3;
    order: 7
}

@media (max-width: 767px) {
    .service-info .container .left .box4 .list ul:nth-child(2) li:nth-child(2) {
        order:6
    }
}

.service-info .container .left .box4 .list ul:nth-child(2) li:nth-child(2)::before {
    content: '';
    width: calc(273/264*100%);
    height: 100%;
    background: url(../images/6.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    left: -0.2rem;
    top: 0;
    pointer-events: none
}

@media (max-width: 1580px) {
    .service-info .container .left .box4 .list ul:nth-child(2) li:nth-child(2)::before {
        left:-0.4rem
    }
}

@media (max-width: 1024px) {
    .service-info .container .left .box4 .list ul:nth-child(2) li:nth-child(2)::before {
        left:-0.2rem
    }
}

@media (max-width: 767px) {
    .service-info .container .left .box4 .list ul:nth-child(2) li:nth-child(2)::before {
        width:90%;
        background: url(../images/1.png) center center no-repeat;
        background-size: contain;
        left: initial;
        right: 0;
        transform: rotateY(180deg)
    }
}

.service-info .container .left .box4 .list ul:nth-child(2) li:nth-child(3) {
    z-index: 2;
    order: 6
}

@media (max-width: 767px) {
    .service-info .container .left .box4 .list ul:nth-child(2) li:nth-child(3) {
        order:7
    }
}

.service-info .container .left .box4 .list ul:nth-child(2) li:nth-child(3)::before {
    content: '';
    width: calc(273/264*100%);
    height: 100%;
    background: url(../images/7.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    left: -0.2rem;
    top: 0;
    pointer-events: none
}

@media (max-width: 1580px) {
    .service-info .container .left .box4 .list ul:nth-child(2) li:nth-child(3)::before {
        left:-0.4rem
    }
}

@media (max-width: 1024px) {
    .service-info .container .left .box4 .list ul:nth-child(2) li:nth-child(3)::before {
        left:-0.2rem
    }
}

@media (max-width: 767px) {
    .service-info .container .left .box4 .list ul:nth-child(2) li:nth-child(3)::before {
        width:90%;
        background: url(../images/1.png) center center no-repeat;
        background-size: contain;
        left: 0
    }
}

.service-info .container .left .box4 .list ul:nth-child(2) li:nth-child(4) {
    z-index: 1;
    order: 5
}

@media (max-width: 767px) {
    .service-info .container .left .box4 .list ul:nth-child(2) li:nth-child(4) {
        order:8
    }
}

.service-info .container .left .box4 .list ul:nth-child(2) li:nth-child(4)::before {
    content: '';
    width: calc(247/264*100%);
    height: 100%;
    background: url(../images/8.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

@media (max-width: 767px) {
    .service-info .container .left .box4 .list ul:nth-child(2) li:nth-child(4)::before {
        width:90%;
        background: url(../images/1.png) center center no-repeat;
        background-size: contain;
        left: initial;
        right: 0;
        transform: rotateY(180deg)
    }
}

.service-info .container .left .box4 .list ul:nth-child(2) li.end::before {
    content: '';
    width: calc(247/264*100%);
    height: 100%;
    background: url(../images/8.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

@media (max-width: 767px) {
    .service-info .container .left .box4 .list ul:nth-child(2) li.end::before {
        width:90%;
        background: url(../images/1.png) center center no-repeat;
        background-size: contain;
        left: initial;
        right: 0
    }
}

.service-info .container .left .box4 .list ul li {
    width: 25%;
    height: 2.64rem;
    position: relative;
    padding: .6rem .3rem 0
}

.service-info .container .left .box4 .list ul li.mb {
    margin-bottom: .52rem
}

@media (max-width: 767px) {
    .service-info .container .left .box4 .list ul li.mb {
        margin:0
    }
}

@media (max-width: 1580px) {
    .service-info .container .left .box4 .list ul li {
        width:25%;
        height: 3.3rem
    }
}

@media (max-width: 1280px) {
    .service-info .container .left .box4 .list ul li {
        height:2.9rem
    }
}

@media (max-width: 1024px) {
    .service-info .container .left .box4 .list ul li {
        height:2.8rem
    }
}

@media (max-width: 767px) {
    .service-info .container .left .box4 .list ul li {
        width:50%;
        height: 3.5rem;
        margin: 0
    }

    .service-info .container .left .box4 .list ul li:nth-child(odd) {
        padding: 1.2rem 11.8% 0 .2rem
    }

    .service-info .container .left .box4 .list ul li:nth-child(odd)::after {
        content: '';
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #1d509f;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: calc(100% - 4px)
    }

    .service-info .container .left .box4 .list ul li:nth-child(even) {
        transform: translateY(1.71rem);
        padding: 1.2rem .2rem 0 11.8%
    }

    .service-info .container .left .box4 .list ul li:nth-child(even)::after {
        content: '';
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #1d509f;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: calc(100% - 4px)
    }
}

.service-info .container .left .box4 .list ul li:nth-child(1) {
    z-index: 4;
    order: 1
}

.service-info .container .left .box4 .list ul li:nth-child(1)::before {
    content: '';
    width: calc(291/264*100%);
    height: 100%;
    background: url(../images/1.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

@media (max-width: 1580px) {
    .service-info .container .left .box4 .list ul li:nth-child(1)::before {
        height:100%
    }
}

@media (max-width: 767px) {
    .service-info .container .left .box4 .list ul li:nth-child(1)::before {
        width:90%;
        background: url(../images/1.png) center center no-repeat;
        background-size: contain
    }
}

.service-info .container .left .box4 .list ul li:nth-child(5) {
    z-index: 4;
    order: 8
}

@media (max-width: 767px) {
    .service-info .container .left .box4 .list ul li:nth-child(5) {
        order:5
    }
}

.service-info .container .left .box4 .list ul li:nth-child(5)::before {
    content: '';
    width: calc(291/264*100%);
    height: 100%;
    background: url(../images/5.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    left: -0.2rem;
    top: 0;
    pointer-events: none
}

@media (max-width: 1580px) {
    .service-info .container .left .box4 .list ul li:nth-child(5)::before {
        left:-0.4rem
    }
}

@media (max-width: 1024px) {
    .service-info .container .left .box4 .list ul li:nth-child(5)::before {
        left:-0.2rem
    }
}

@media (max-width: 767px) {
    .service-info .container .left .box4 .list ul li:nth-child(5)::before {
        width:90%;
        background: url(../images/1.png) center center no-repeat;
        background-size: contain;
        left: 0
    }
}

.service-info .container .left .box4 .list ul li:nth-child(2) {
    z-index: 3;
    order: 2
}

.service-info .container .left .box4 .list ul li:nth-child(2)::before {
    content: '';
    width: calc(273/264*100%);
    height: 100%;
    background: url(../images/2.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    left: .2rem;
    top: 0;
    pointer-events: none
}

@media (max-width: 767px) {
    .service-info .container .left .box4 .list ul li:nth-child(2)::before {
        width:90%;
        background: url(../images/1.png) center center no-repeat;
        background-size: contain;
        left: initial;
        right: 0;
        transform: rotateY(180deg)
    }
}

.service-info .container .left .box4 .list ul li:nth-child(6) {
    z-index: 3;
    order: 7
}

@media (max-width: 767px) {
    .service-info .container .left .box4 .list ul li:nth-child(6) {
        order:6
    }
}

.service-info .container .left .box4 .list ul li:nth-child(6)::before {
    content: '';
    width: calc(273/264*100%);
    height: 100%;
    background: url(../images/6.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    left: -0.2rem;
    top: 0;
    pointer-events: none
}

@media (max-width: 1580px) {
    .service-info .container .left .box4 .list ul li:nth-child(6)::before {
        left:-0.4rem
    }
}

@media (max-width: 1024px) {
    .service-info .container .left .box4 .list ul li:nth-child(6)::before {
        left:-0.2rem
    }
}

@media (max-width: 767px) {
    .service-info .container .left .box4 .list ul li:nth-child(6)::before {
        width:90%;
        background: url(../images/1.png) center center no-repeat;
        background-size: contain;
        left: initial;
        right: 0;
        transform: rotateY(180deg)
    }
}

.service-info .container .left .box4 .list ul li:nth-child(3) {
    z-index: 2;
    order: 3
}

.service-info .container .left .box4 .list ul li:nth-child(3)::before {
    content: '';
    width: calc(273/264*100%);
    height: 100%;
    background: url(../images/3.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    left: .2rem;
    top: 0;
    pointer-events: none
}

@media (max-width: 767px) {
    .service-info .container .left .box4 .list ul li:nth-child(3)::before {
        width:90%;
        background: url(../images/1.png) center center no-repeat;
        background-size: contain;
        left: 0
    }
}

.service-info .container .left .box4 .list ul li:nth-child(7) {
    z-index: 2;
    order: 6
}

@media (max-width: 767px) {
    .service-info .container .left .box4 .list ul li:nth-child(7) {
        order:7
    }
}

.service-info .container .left .box4 .list ul li:nth-child(7)::before {
    content: '';
    width: calc(273/264*100%);
    height: 100%;
    background: url(../images/7.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    left: -0.2rem;
    top: 0;
    pointer-events: none
}

@media (max-width: 1580px) {
    .service-info .container .left .box4 .list ul li:nth-child(7)::before {
        left:-0.4rem
    }
}

@media (max-width: 1024px) {
    .service-info .container .left .box4 .list ul li:nth-child(7)::before {
        left:-0.2rem
    }
}

@media (max-width: 767px) {
    .service-info .container .left .box4 .list ul li:nth-child(7)::before {
        width:90%;
        background: url(../images/1.png) center center no-repeat;
        background-size: contain;
        left: 0
    }
}

.service-info .container .left .box4 .list ul li:nth-child(4) {
    z-index: 1;
    order: 4
}

.service-info .container .left .box4 .list ul li:nth-child(4)::before {
    content: '';
    width: calc(249/264*100%);
    height: calc(291/264*100%);
    background: url(../images/4.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    left: .2rem;
    top: 0;
    pointer-events: none
}

@media (max-width: 767px) {
    .service-info .container .left .box4 .list ul li:nth-child(4)::before {
        width:90%;
        height: 100%;
        background: url(../images/1.png) center center no-repeat;
        background-size: contain;
        left: initial;
        right: 0;
        transform: rotateY(180deg)
    }
}

.service-info .container .left .box4 .list ul li:nth-child(8) {
    z-index: 1;
    order: 5
}

@media (max-width: 767px) {
    .service-info .container .left .box4 .list ul li:nth-child(8) {
        order:8
    }
}

.service-info .container .left .box4 .list ul li:nth-child(8)::before {
    content: '';
    width: calc(247/264*100%);
    height: 100%;
    background: url(../images/8.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

@media (max-width: 767px) {
    .service-info .container .left .box4 .list ul li:nth-child(8)::before {
        width:90%;
        background: url(../images/1.png) center center no-repeat;
        background-size: contain;
        left: initial;
        right: 0;
        transform: rotateY(180deg)
    }
}

.service-info .container .left .box4 .list ul li.end3::before {
    transform: rotateY(180deg)
}

@media (max-width: 767px) {
    .service-info .container .left .box4 .list ul li.end3::before {
        transform:rotateY(0)
    }
}

.service-info .container .left .box4 .list ul li.end5::before {
    left: .1rem !important;
    transform: rotateZ(-90deg)
}

@media (max-width: 767px) {
    .service-info .container .left .box4 .list ul li.end5::before {
        left:0 !important;
        transform: rotateZ(0)
    }
}

.service-info .container .left .box4 .list ul li .icon {
    width: .5rem;
    height: .5rem;
    display: flex;
    margin: 0 auto
}

.service-info .container .left .box4 .list ul li .icon img {
    width: 100%;
    object-fit: contain
}

.service-info .container .left .box4 .list ul li .t1 {
    width: 100%;
    text-align: center;
    line-height: calc(28/20);
    color: #222;
    margin-top: .1rem
}

@media (max-width: 1024px) {
    .service-info .container .left .box4 .list ul li .t1 {
        font-size:16px
    }
}

@media (max-width: 767px) {
    .service-info .container .left .box4 .list ul li .t1 {
        font-size:14px
    }
}

.service-info .container .right {
    width: calc(380/1400*100%)
}

@media (max-width: 991px) {
    .service-info .container .right {
        width:100%;
        margin-top: 1rem
    }
}

.service-info .container .right .box1 {
    width: 100%
}

.service-info .container .right .box1 .title {
    line-height: calc(46/36);
    font-weight: 600;
    color: #222
}

.service-info .container .right .box1 .boxs {
    width: 100%;
    background: #fff;
    border-radius: .3rem;
    margin-top: .22rem
}

.service-info .container .right .box1 .boxs ul {
    width: 100%;
    padding: .3rem .3rem 0
}

.service-info .container .right .box1 .boxs ul li {
    width: 100%;
    margin-bottom: .3rem
}

.service-info .container .right .box1 .boxs ul li a {
    width: 100%;
    display: flex;
    align-items: center
}

.service-info .container .right .box1 .boxs ul li a .icon {
    width: .56rem;
    height: .56rem;
    border-radius: 50%;
    flex-shrink: 0;
    overflow: hidden
}

.service-info .container .right .box1 .boxs ul li a .icon img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.service-info .container .right .box1 .boxs ul li a .ts {
    width: calc(240/318*100%);
    margin-left: .15rem
}

.service-info .container .right .box1 .boxs ul li a .ts .t1 {
    color: #222;
    line-height: calc(30/20);
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all .4s
}

.service-info .container .right .box1 .boxs ul li a .ts .t2 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.service-info .container .right .box1 .boxs ul li a:hover .ts .t1 {
    color: #1c50a1
}

.service-info .container .right .box1 .boxs .more {
    width: 100%;
    display: flex;
    justify-content: center;
    border-top: 1px solid #e8edf5
}

.service-info .container .right .box1 .boxs .more a {
    display: flex;
    align-items: center;
    padding: .17rem 0
}

.service-info .container .right .box1 .boxs .more a span {
    color: #1c50a1
}

.service-info .container .right .box1 .boxs .more a i {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #1c50a1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: .1rem
}

.service-info .container .right .box1 .boxs .more a i svg {
    width: 14px
}

.service-info .container .right .box1 .boxs .more a i svg path {
    fill: #fff
}

.service-info .container .right .box2 {
    width: 100%;
    margin-top: .75rem
}

.service-info .container .right .box2 .title {
    line-height: calc(46/36);
    font-weight: 600;
    color: #222
}

.service-info .container .right .box2 .boxs {
    width: 100%;
    background: #fff;
    border-radius: .3rem;
    margin-top: .22rem
}

.service-info .container .right .box2 .boxs ul {
    width: 100%;
    padding: .3rem .3rem 0
}

.service-info .container .right .box2 .boxs ul li {
    width: 100%;
    margin-bottom: .3rem
}

.service-info .container .right .box2 .boxs ul li a {
    width: 100%;
    display: flex
}

.service-info .container .right .box2 .boxs ul li a .public-img {
    width: calc(104/318*100%);
    border-radius: .12rem;
    margin-right: .14rem;
    flex-shrink: 0
}

.service-info .container .right .box2 .boxs ul li a .public-img::before {
    padding-top: calc(78/104*100%)
}

.service-info .container .right .box2 .boxs ul li a .t1 {
    color: #222;
    line-height: calc(26/16);
    height: calc(26/16*3);
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.service-info .container .right .box2 .boxs .more {
    width: 100%;
    display: flex;
    justify-content: center;
    border-top: 1px solid #e8edf5
}

.service-info .container .right .box2 .boxs .more a {
    display: flex;
    align-items: center;
    padding: .17rem 0
}

.service-info .container .right .box2 .boxs .more a span {
    color: #1c50a1
}

.service-info .container .right .box2 .boxs .more a i {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #1c50a1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: .1rem
}

.service-info .container .right .box2 .boxs .more a i svg {
    width: 14px
}

.service-info .container .right .box2 .boxs .more a i svg path {
    fill: #fff
}

.professionals {
    width: 100%;
    position: relative;
    padding: 1.4rem 0 2rem;
    background: #f4f6fa
}

.professionals .container .select-box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.professionals .container .select-box .left {
    display: flex
}

@media (max-width: 991px) {
    .professionals .container .select-box .left {
        width:100%;
        flex-wrap: wrap
    }
}

.professionals .container .select-box .left .select {
    width: 2.4rem;
    margin-right: .2rem
}

@media (max-width: 991px) {
    .professionals .container .select-box .left .select {
        width:30%
    }
}

@media (max-width: 767px) {
    .professionals .container .select-box .left .select {
        width:100%;
        margin-right: 0;
        margin-bottom: .2rem
    }
}

.professionals .container .select-box .left .select .layui-input {
    width: 100%;
    height: .54rem;
    border: 1px solid #e6e6e6;
    border-radius: .27rem;
    background: #fff;
    padding: 0 .23rem
}

@media (max-width: 991px) {
    .professionals .container .select-box .left .select .layui-input {
        height:.78rem;
        border-radius: .39rem
    }
}

.professionals .container .select-box .left .select .layui-edge {
    width: 8px;
    height: 8px;
    border: 1px solid #999;
    border-top: transparent;
    border-right: transparent;
    right: .2rem;
    margin-top: -5px;
    border-style: solid;
    transform: rotateZ(-45deg);
    transform-origin: center center
}

.professionals .container .select-box .left .select .layui-form-select dl dd.layui-this {
    background: #1d509f
}

.professionals .container .select-box .serch-box {
    width: calc(360/1400*100%);
    height: .54rem;
    border: 1px solid #e6e6e6;
    border-radius: .27rem;
    display: flex;
    overflow: hidden;
    background: #fff
}

@media (max-width: 991px) {
    .professionals .container .select-box .serch-box {
        width:30%;
        height: .78rem;
        border-radius: .39rem;
        margin-top: .3rem
    }
}

@media (max-width: 767px) {
    .professionals .container .select-box .serch-box {
        width:100%
    }
}

.professionals .container .select-box .serch-box .t1 {
    width: calc(100% - .54rem);
    height: 100%;
    padding-left: .2rem;
    color: #222
}

@media (max-width: 991px) {
    .professionals .container .select-box .serch-box .t1 {
        width:calc(100% - .78rem)
    }
}

.professionals .container .select-box .serch-box .t1::placeholder {
    color: #999
}

.professionals .container .select-box .serch-box .btn {
    width: .54rem;
    height: 100%;
    background: url(../images/search.svg) center center no-repeat
}

@media (max-width: 991px) {
    .professionals .container .select-box .serch-box .btn {
        width:.78rem
    }
}

.professionals .container .list {
    width: 100%;
    margin-top: .4rem
}

.professionals .container .list ul {
    width: calc(100% + .4rem);
    margin: 0 -0.2rem;
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 991px) {
    .professionals .container .list ul {
        width:100%;
        margin: 0
    }
}

.professionals .container .list ul li {
    width: calc(33.33% - .4rem);
    margin: 0 .2rem .4rem;
    border-radius: .3rem;
    background: #fff;
    overflow: hidden;
    transition: all .4s
}

@media (max-width: 991px) {
    .professionals .container .list ul li {
        width:100%;
        margin: 0 0 .4rem
    }
}

.professionals .container .list ul li a {
    display: block;
    padding: .35rem .4rem .55rem
}

.professionals .container .list ul li a .t1 {
    color: #999;
    text-align: right;
    transition: all .4s;
    display: none
}

.professionals .container .list ul li a .public-img {
    width: calc(280/360*100%);
    border-radius: 50%;
    margin: .66rem auto 0
}

.professionals .container .list ul li a .t2 {
    color: #222;
    line-height: calc(34/24);
    font-weight: 600;
    transition: all .4s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: .55rem
}

.professionals .container .list ul li a .t3 {
    color: #999;
    line-height: calc(28/18);
    transition: all .4s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: .15rem
}

@media (min-width: 992px) {
    .professionals .container .list ul li:hover {
        box-shadow:0 0 .38rem 0 rgba(29,80,159,0.2)
    }

    .professionals .container .list ul li:hover a .t1 {
        color: #1c50a1
    }

    .professionals .container .list ul li:hover a .t2 {
        color: #1c50a1
    }

    .professionals .container .list ul li:hover a .t3 {
        color: #1c50a1
    }
}

.professionals .container .page-list {
    margin-top: .2rem
}

.professionals-info {
    width: 100%;
    position: relative
}

.professionals-info .info-boxs {
    width: 100%;
    background: #fff;
    padding: .8rem 0 2rem
}

.professionals-info .info-boxs .container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    position: relative
}

.professionals-info .info-boxs .container .public-img {
    width: calc(400/1400*100%);
    border-radius: .3rem;
    position: sticky;
    position: -webkit-sticky;
    top: 1.2rem
}

@media (max-width: 991px) {
    .professionals-info .info-boxs .container .public-img {
        width:100%;
        position: relative;
        top: initial
    }
}

.professionals-info .info-boxs .container .public-img::before {
    padding-top: calc(540/400*100%)
}

.professionals-info .info-boxs .container .tbox {
    width: calc(920/1400*100%);
    padding-top: .15rem;
    padding-bottom: .55rem;
    border-bottom: 1px solid rgba(0,0,0,0.1)
}

@media (max-width: 991px) {
    .professionals-info .info-boxs .container .tbox {
        width:100%;
        border-bottom: none;
        padding-bottom: 0;
        margin-top: .5rem
    }
}

.professionals-info .info-boxs .container .tbox .title {
    color: #1c50a1;
    line-height: calc(46/36);
    font-weight: 600
}

.professionals-info .info-boxs .container .tbox .txt {
    color: #666;
    margin-top: 8px
}

.professionals-info .info-boxs .container .tbox .txt span {
    color: #222;
    line-height: 2
}

.professionals-info .info-boxs .container .tbox .ts {
    width: 100%;
    margin-top: .53rem;
    border-top: 1px solid rgba(0,0,0,0.1);
    padding-top: .55rem
}

.professionals-info .info-boxs .container .tbox .ts .t1 {
    color: #1c50a1;
    line-height: calc(34/24);
    font-weight: 600
}

.professionals-info .info-boxs .container .tbox .ts .t2 {
    line-height: calc(26/16);
    color: #666;
    margin-top: .15rem
}

.professionals-info .other-box {
    width: 100%;
    margin-top: -0.6rem;
    position: relative;
    background: #f4f6fa;
    border-radius: .45rem .45rem 0 0;
    padding: 1.46rem 0 2rem
}

.professionals-info .other-box .container .obox {
    width: 100%;
    position: relative
}

.professionals-info .other-box .container .obox .title {
    line-height: calc(58/48);
    color: #222;
    font-weight: 600
}

.professionals-info .other-box .container .obox .list {
    width: 100%;
    margin-top: .5rem
}

.professionals-info .other-box .container .obox .list ul {
    width: calc(100% + .4rem);
    margin: 0 -0.2rem;
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 991px) {
    .professionals-info .other-box .container .obox .list ul {
        width:100%;
        margin: 0
    }
}

.professionals-info .other-box .container .obox .list ul li {
    width: calc(33.33% - .4rem);
    margin: 0 .2rem .4rem;
    padding: .2rem .2rem .33rem;
    border-radius: .3rem;
    overflow: hidden;
    background: #fff;
    transition: all .4s
}

@media (max-width: 991px) {
    .professionals-info .other-box .container .obox .list ul li {
        width:100%;
        margin: 0 0 .4rem
    }
}

.professionals-info .other-box .container .obox .list ul li a {
    display: block
}

.professionals-info .other-box .container .obox .list ul li a .public-img {
    width: 100%;
    border-radius: .2rem
}

.professionals-info .other-box .container .obox .list ul li a .public-img::before {
    padding-top: calc(260/400*100%)
}

.professionals-info .other-box .container .obox .list ul li a .t1 {
    width: 100%;
    line-height: calc(34/24);
    color: #222;
    transition: all .4s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: .25rem;
    font-weight: 600
}

.professionals-info .other-box .container .obox .list ul li a .t2 {
    display: flex;
    margin-top: .15rem
}

.professionals-info .other-box .container .obox .list ul li a .t2 span {
    color: #1d509f;
    transition: all .4s
}

.professionals-info .other-box .container .obox .list ul li:hover {
    background: #ffffff;
    box-shadow: 0 0 .38rem 0 rgba(29,80,159,0.2)
}

.professionals-info .other-box .container .obox .list ul li:hover a .public-img img {
    transform: scale(1.05)
}

.professionals-info .other-box .container .obox .list ul li:hover a .t1 {
    color: #1d509f
}

.professionals-info .other-box .container .obox .list ul li:hover a .t2 span {
    text-decoration: underline
}

.professionals-info .other-box .container .obox .more {
    position: absolute;
    top: 0;
    right: 0
}

@media (max-width: 767px) {
    .professionals-info .other-box .container .obox .more {
        width:100%;
        position: relative;
        display: flex;
        justify-content: center;
        margin-top: .5rem
    }
}

.professionals-info .other-box .container .obox2 {
    width: 100%;
    position: relative;
    margin-top: .97rem
}

.professionals-info .other-box .container .obox2 .title {
    line-height: calc(58/48);
    color: #222;
    font-weight: 600
}

.professionals-info .other-box .container .obox2 .list {
    width: 100%;
    margin-top: .6rem
}

.professionals-info .other-box .container .obox2 .list ul {
    width: calc(100% + .4rem);
    margin: 0 -0.2rem;
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 991px) {
    .professionals-info .other-box .container .obox2 .list ul {
        width:100%;
        margin: 0
    }
}

.professionals-info .other-box .container .obox2 .list ul li {
    width: calc(33.33% - .4rem);
    margin: 0 .2rem .4rem
}

@media (max-width: 991px) {
    .professionals-info .other-box .container .obox2 .list ul li {
        width:100%;
        margin: 0 0 .4rem
    }
}

.professionals-info .other-box .container .obox2 .list ul li a {
    display: block
}

.professionals-info .other-box .container .obox2 .list ul li a .public-img {
    width: 100%;
    border-radius: .3rem
}

.professionals-info .other-box .container .obox2 .list ul li a .public-img::before {
    padding-top: calc(330/440*100%)
}

.professionals-info .other-box .container .obox2 .list ul li a .public-img::after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.3);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    opacity: 0;
    transition: all .4s
}

.professionals-info .other-box .container .obox2 .list ul li a .public-img .label {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    padding: .2rem;
    display: flex;
    flex-wrap: wrap
}

.professionals-info .other-box .container .obox2 .list ul li a .public-img .label span {
    padding: 0 .25rem;
    height: .46rem;
    border-radius: .23rem;
    background: rgba(255,255,255,0.1);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(255,255,255,0.5);
    color: #fff;
    display: flex;
    align-items: center
}

.professionals-info .other-box .container .obox2 .list ul li a .public-img .zz-img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-image: url(../images/index-box5-logo.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-image: url(../images/index-box5-logo.svg);
    background-size: 2.36rem 2.29rem;
    opacity: 0;
    transition: all .4s
}

.professionals-info .other-box .container .obox2 .list ul li a .public-img .zz-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.professionals-info .other-box .container .obox2 .list ul li a .time {
    margin-top: .36rem;
    color: #1d509f
}

.professionals-info .other-box .container .obox2 .list ul li a .t1 {
    width: 100%;
    margin-top: .15rem;
    color: #222;
    font-weight: 600;
    line-height: calc(30/24);
    height: calc(30/24*2em);
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    transition: all .4s
}

.professionals-info .other-box .container .obox2 .list ul li a .t2 {
    display: flex;
    margin-top: .32rem
}

.professionals-info .other-box .container .obox2 .list ul li a .t2 span {
    color: #1d509f;
    transition: all .4s
}

.professionals-info .other-box .container .obox2 .list ul li:hover a .public-img::after {
    opacity: 1
}

.professionals-info .other-box .container .obox2 .list ul li:hover a .public-img .zz-img {
    opacity: 1
}

.professionals-info .other-box .container .obox2 .list ul li:hover a .t1 {
    color: #1d509f
}

.professionals-info .other-box .container .obox2 .list ul li:hover a .t2 span {
    text-decoration: underline
}

.professionals-info .other-box .container .obox2 .more {
    position: absolute;
    top: 0;
    right: 0
}

@media (max-width: 767px) {
    .professionals-info .other-box .container .obox2 .more {
        width:100%;
        position: relative;
        display: flex;
        justify-content: center;
        margin-top: .5rem
    }
}

.Insights {
    width: 100%;
    background: #f4f6fa;
    padding: 0 0 2rem
}

.Insights-menu {
    width: 100%;
    background: #fff
}

.Insights-menu .container ul {
    width: 100%;
    display: flex;
    justify-content: center
}

@media (max-width: 767px) {
    .Insights-menu .container ul {
        overflow-x:auto;
        justify-content: flex-start
    }
}

.Insights-menu .container ul li {
    margin: 0 .65rem;
    position: relative
}

@media (max-width: 991px) {
    .Insights-menu .container ul li {
        margin:0 .4rem
    }
}

@media (max-width: 767px) {
    .Insights-menu .container ul li {
        margin:0 .5rem 0 0
    }

    .Insights-menu .container ul li:last-child {
        margin: 0
    }
}

.Insights-menu .container ul li a {
    padding: 0 5px;
    height: .7rem;
    color: #666;
    transition: all .4s;
    display: flex;
    align-items: center;
    white-space: nowrap
}

@media (max-width: 991px) {
    .Insights-menu .container ul li a {
        height:.78rem
    }
}

@media (min-width: 992px) {
    .Insights-menu .container ul li:hover a {
        color:#1c50a1
    }
}

.Insights-menu .container ul li.on::before {
    content: '';
    width: 100%;
    height: 2px;
    background: #1c50a1;
    position: absolute;
    left: 0;
    bottom: 0
}

.Insights-menu .container ul li.on a {
    color: #1c50a1;
    font-weight: 600
}

.Insights-list {
    margin-top: 1.4rem
}

.Insights-list .container .big {
    width: 100%
}

.Insights-list .container .big a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    background: #fff;
    border-radius: .3rem
}

.Insights-list .container .big a .public-img {
    width: 50%;
    border-radius: .3rem
}

.Insights-list .container .big a .public-img::before {
    padding-top: calc(525/700*100%)
}

@media (max-width: 991px) {
    .Insights-list .container .big a .public-img {
        width:100%
    }
}

.Insights-list .container .big a .tbox {
    width: calc(50%);
    padding: .5rem .6rem
}

@media (max-width: 991px) {
    .Insights-list .container .big a .tbox {
        width:100%
    }
}

@media (max-width: 767px) {
    .Insights-list .container .big a .tbox {
        padding:.5rem .3rem
    }
}

.Insights-list .container .big a .tbox .time {
    color: #999
}

.Insights-list .container .big a .tbox .title {
    color: #222;
    line-height: calc(34/24);
    height: calc(34/24*2em);
    font-weight: 600;
    margin-top: .15rem;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    transition: all .4s
}

.Insights-list .container .big a .tbox .txt {
    color: #666;
    line-height: calc(26/16);
    height: calc(26/16*3em);
    margin-top: .2rem;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.Insights-list .container .big a .tbox .more {
    margin-top: .55rem
}

@media (min-width: 992px) {
    .Insights-list .container .big a:hover .public-img img {
        transform:scale(1.05)
    }

    .Insights-list .container .big a:hover .tbox .title {
        color: #1d509f
    }
}

.Insights-list .container .list {
    width: 100%;
    margin-top: .4rem
}

.Insights-list .container .list ul {
    width: calc(100% + .4rem);
    margin: 0 -0.2rem;
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 991px) {
    .Insights-list .container .list ul {
        width:100%;
        margin: 0
    }
}

.Insights-list .container .list ul li {
    width: calc(33.33% - .4rem);
    margin: 0 .2rem .4rem
}

@media (max-width: 991px) {
    .Insights-list .container .list ul li {
        width:100%;
        margin: 0 0 .4rem
    }
}

.Insights-list .container .list ul li a {
    display: block
}

.Insights-list .container .list ul li a .public-img {
    width: 100%;
    border-radius: .3rem
}

.Insights-list .container .list ul li a .public-img::before {
    padding-top: calc(330/440*100%)
}

.Insights-list .container .list ul li a .public-img::after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.3);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    opacity: 0;
    transition: all .4s
}

.Insights-list .container .list ul li a .public-img .label {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    padding: .2rem;
    display: flex;
    flex-wrap: wrap
}

.Insights-list .container .list ul li a .public-img .label span {
    padding: 0 .25rem;
    height: .46rem;
    border-radius: .23rem;
    background: rgba(255,255,255,0.1);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(255,255,255,0.5);
    color: #fff;
    display: flex;
    align-items: center
}

.Insights-list .container .list ul li a .public-img .zz-img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-image: url(../images/index-box5-logo.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-image: url(../images/index-box5-logo.svg);
    background-size: 2.36rem 2.29rem;
    opacity: 0;
    transition: all .4s
}

.Insights-list .container .list ul li a .public-img .zz-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.Insights-list .container .list ul li a .time {
    margin-top: .36rem;
    color: #1d509f
}

.Insights-list .container .list ul li a .t1 {
    width: 100%;
    margin-top: .15rem;
    color: #222;
    font-weight: 600;
    line-height: calc(30/24);
    height: calc(30/24*2em);
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    transition: all .4s
}

.Insights-list .container .list ul li a .t2 {
    display: flex;
    margin-top: .32rem
}

.Insights-list .container .list ul li a .t2 span {
    color: #1d509f;
    transition: all .4s
}

.Insights-list .container .list ul li:hover a .public-img::after {
    opacity: 1
}

.Insights-list .container .list ul li:hover a .public-img .zz-img {
    opacity: 1
}

.Insights-list .container .list ul li:hover a .t1 {
    color: #1d509f
}

.Insights-list .container .list ul li:hover a .t2 span {
    text-decoration: underline
}

.Insights-list .container .page-list {
    margin-top: .2rem
}

.insights-info {
    width: 100%;
    padding: 1.12rem 0 2.3rem
}

.insights-info .container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap
}

.insights-info .container .left {
    width: calc(880/1400*100%)
}

@media (max-width: 991px) {
    .insights-info .container .left {
        width:100%
    }
}

.insights-info .container .left .title {
    line-height: calc(46/36);
    font-weight: 600;
    color: #222
}

.insights-info .container .left .tips {
    display: flex;
    flex-wrap: wrap;
    margin-top: .22rem;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding-bottom: .4rem
}

@media (max-width: 991px) {
    .insights-info .container .left .tips {
        margin-top:.3rem
    }
}

.insights-info .container .left .tips .time {
    color: #666;
    display: flex;
    align-items: center;
    margin-right: .6rem
}

.insights-info .container .left .tips .time img {
    width: 16px;
    margin-right: .1rem
}

.insights-info .container .left .tips .share {
    color: #666;
    display: flex;
    align-items: center
}

@media (max-width: 991px) {
    .insights-info .container .left .tips .share {
        width:100%;
        margin-top: .2rem
    }
}

.insights-info .container .left .tips .share a {
    width: 26px;
    height: 26px;
    margin: 0 .12rem 0 0
}

@media (max-width: 991px) {
    .insights-info .container .left .tips .share a {
        margin:0 .2rem 0 0
    }
}

.insights-info .container .left .tips .share a svg {
    width: 100%;
    height: 100%
}

.insights-info .container .left .tips .share a svg path {
    opacity: 1;
    fill: #e5e5e5;
    transition: all .4s
}

.insights-info .container .left .tips .share a:hover svg path {
    fill: #1d509f
}

.insights-info .container .left .public-content {
    width: 100%;
    margin-top: .35rem;
    color: #666;
    line-height: calc(26/16)
}

.insights-info .container .left .ip-box {
    width: 100%;
    background: #1c50a1;
    border-radius: .2rem;
    padding: .35rem .3rem .4rem;
    margin-top: .5rem
}

.insights-info .container .left .ip-box .t1 {
    color: #fff;
    line-height: calc(34/24);
    font-weight: 600
}

.insights-info .container .left .ip-box .t2 {
    color: #fff;
    line-height: calc(26/16);
    margin-top: 5px
}

.insights-info .container .left .ip-box .more {
    margin-top: .35rem
}

.insights-info .container .left .ip-box .more .public-btn i svg {
    width: 14px;
    transform: rotateZ(0)
}

.insights-info .container .left .ip-box .more .public-btn i svg path {
    fill: #fff
}

.insights-info .container .left .ckbox {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: .35rem;
    border-top: 1px solid rgba(0,0,0,0.1);
    margin-top: .55rem
}

.insights-info .container .left .ckbox .abox {
    width: 70%
}

@media (max-width: 991px) {
    .insights-info .container .left .ckbox .abox {
        width:100%
    }
}

.insights-info .container .left .ckbox .abox a {
    display: flex;
    color: #666;
    line-height: calc(26/16);
    transition: all .4s
}

.insights-info .container .left .ckbox .abox a span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.insights-info .container .left .ckbox .abox a:hover {
    color: #1d509f
}

@media (max-width: 991px) {
    .insights-info .container .left .ckbox .more {
        width:100%;
        display: flex;
        justify-content: center;
        margin-top: .3rem
    }
}

.insights-info .container .right {
    width: calc(380/1400*100%)
}

@media (max-width: 991px) {
    .insights-info .container .right {
        width:100%;
        margin-top: 1rem
    }
}

.insights-info .container .right .box1 {
    width: 100%;
    margin-bottom: .75rem
}

.insights-info .container .right .box1 .title {
    line-height: calc(46/36);
    font-weight: 600;
    color: #222
}

.insights-info .container .right .box1 .boxs {
    width: 100%;
    background: #fff;
    border-radius: .3rem;
    margin-top: .22rem;
    box-shadow: 0 0 .38rem 0 rgba(29,80,159,0.09)
}

.insights-info .container .right .box1 .boxs ul {
    width: 100%;
    padding: .3rem .3rem 0
}

.insights-info .container .right .box1 .boxs ul li {
    width: 100%;
    margin-bottom: .3rem
}

.insights-info .container .right .box1 .boxs ul li a {
    width: 100%;
    display: flex;
    align-items: center
}

.insights-info .container .right .box1 .boxs ul li a .icon {
    width: .56rem;
    height: .56rem;
    border-radius: 50%;
    flex-shrink: 0;
    overflow: hidden;
    background: #e8edf5
}

.insights-info .container .right .box1 .boxs ul li a .icon svg {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.insights-info .container .right .box1 .boxs ul li a .icon img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.insights-info .container .right .box1 .boxs ul li a .ts {
    width: calc(240/318*100%);
    margin-left: .15rem
}

.insights-info .container .right .box1 .boxs ul li a .ts .t1 {
    color: #222;
    line-height: calc(30/20);
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all .4s
}

.insights-info .container .right .box1 .boxs ul li a .ts .t2 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.insights-info .container .right .box1 .boxs ul li a:hover .ts .t1 {
    color: #1c50a1
}

.insights-info .container .right .box1 .boxs .more {
    width: 100%;
    display: flex;
    justify-content: center;
    border-top: 1px solid #e8edf5
}

.insights-info .container .right .box1 .boxs .more a {
    display: flex;
    align-items: center;
    padding: .17rem 0
}

.insights-info .container .right .box1 .boxs .more a span {
    color: #1c50a1
}

.insights-info .container .right .box1 .boxs .more a i {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #1c50a1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: .1rem
}

.insights-info .container .right .box1 .boxs .more a i svg {
    width: 14px
}

.insights-info .container .right .box1 .boxs .more a i svg path {
    fill: #fff
}

.insights-info .container .right .box2 {
    width: 100%
}

.insights-info .container .right .box2 .title {
    line-height: calc(46/36);
    font-weight: 600;
    color: #222
}

.insights-info .container .right .box2 .boxs {
    width: 100%;
    background: #fff;
    border-radius: .3rem;
    margin-top: .22rem;
    box-shadow: 0 0 .38rem 0 rgba(29,80,159,0.09)
}

.insights-info .container .right .box2 .boxs ul {
    width: 100%;
    padding: .3rem .3rem 0
}

.insights-info .container .right .box2 .boxs ul li {
    width: 100%;
    margin-bottom: .3rem
}

.insights-info .container .right .box2 .boxs ul li a {
    width: 100%;
    display: flex
}

.insights-info .container .right .box2 .boxs ul li a .public-img {
    width: calc(104/318*100%);
    border-radius: .12rem;
    margin-right: .14rem;
    flex-shrink: 0
}

.insights-info .container .right .box2 .boxs ul li a .public-img::before {
    padding-top: calc(78/104*100%)
}

.insights-info .container .right .box2 .boxs ul li a .t1 {
    color: #222;
    line-height: calc(26/16);
    height: calc(26/16*3);
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.insights-info .container .right .box2 .boxs .more {
    width: 100%;
    display: flex;
    justify-content: center;
    border-top: 1px solid #e8edf5
}

.insights-info .container .right .box2 .boxs .more a {
    display: flex;
    align-items: center;
    padding: .17rem 0
}

.insights-info .container .right .box2 .boxs .more a span {
    color: #1c50a1
}

.insights-info .container .right .box2 .boxs .more a i {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #1c50a1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: .1rem
}

.insights-info .container .right .box2 .boxs .more a i svg {
    width: 14px
}

.insights-info .container .right .box2 .boxs .more a i svg path {
    fill: #fff
}

.contact {
    width: 100%
}

.contact .contact-box1 {
    width: 100%;
    padding: 1.4rem 0 1rem
}

.contact .contact-box1 .container .big {
    width: 100%;
    background: #1d509f;
    border-radius: .3rem;
    padding: .2rem .6rem .2rem .2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

@media (max-width: 991px) {
    .contact .contact-box1 .container .big {
        padding:.2rem
    }
}

.contact .contact-box1 .container .big .public-img {
    width: calc(660/1320*100%);
    border-radius: .3rem
}

@media (max-width: 991px) {
    .contact .contact-box1 .container .big .public-img {
        width:100%
    }
}

.contact .contact-box1 .container .big .public-img::before {
    padding-top: calc(545/660*100%)
}

.contact .contact-box1 .container .big .tbox {
    width: calc(580/1320*100%)
}

@media (max-width: 991px) {
    .contact .contact-box1 .container .big .tbox {
        width:100%;
        margin-top: .5rem
    }
}

.contact .contact-box1 .container .big .tbox .t1 {
    color: #fff;
    line-height: calc(34/24);
    font-weight: 600
}

.contact .contact-box1 .container .big .tbox .t2 {
    width: 100%;
    border-top: 1px solid rgba(255,255,255,0.4);
    margin-top: .35rem;
    padding-top: .35rem
}

.contact .contact-box1 .container .big .tbox .t2 .ts {
    display: flex;
    align-items: flex-start;
    margin-bottom: .2rem
}

.contact .contact-box1 .container .big .tbox .t2 .ts:last-child {
    margin-bottom: 0
}

.contact .contact-box1 .container .big .tbox .t2 .ts .ts1 {
    width: 90px;
    display: flex;
    align-items: center;
    color: #fff;
    line-height: calc(22/16);
    flex-shrink: 0
}

.contact .contact-box1 .container .big .tbox .t2 .ts .ts1 img,.contact .contact-box1 .container .big .tbox .t2 .ts .ts1 svg {
    width: 14px;
    margin-right: .1rem;
    flex-shrink: 0
}

.contact .contact-box1 .container .big .tbox .t2 .ts .ts1 img path,.contact .contact-box1 .container .big .tbox .t2 .ts .ts1 svg path {
    fill: #fff
}

.contact .contact-box1 .container .big .tbox .t2 .ts .ts2 {
    color: #fff;
    line-height: calc(22/16)
}

.contact .contact-box1 .container .list {
    width: 100%;
    margin-top: .4rem
}

.contact .contact-box1 .container .list ul {
    width: calc(100% + .4rem);
    margin: 0 -0.2rem;
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 991px) {
    .contact .contact-box1 .container .list ul {
        width:100%;
        margin: 0
    }
}

.contact .contact-box1 .container .list ul li {
    width: calc(33.33% - .4rem);
    margin: 0 .2rem .4rem;
    background: #ffffff;
    border-radius: .3rem;
    padding: .2rem
}

@media (max-width: 991px) {
    .contact .contact-box1 .container .list ul li {
        width:100%;
        margin: 0 0 .4rem
    }
}

.contact .contact-box1 .container .list ul li .public-img {
    width: 100%;
    border-radius: .2rem
}

.contact .contact-box1 .container .list ul li .public-img::before {
    padding-top: calc(300/400*100%)
}

.contact .contact-box1 .container .list ul li .t1 {
    line-height: calc(30/24);
    font-weight: 600;
    color: #222;
    margin-top: .28rem
}

.contact .contact-box1 .container .list ul li .t2 {
    width: 100%;
    min-height: 1.2rem;
    display: flex;
    align-items: flex-start;
    margin-top: .13rem
}

.contact .contact-box1 .container .list ul li .t2 i {
    width: .25rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    height: .26rem;
    margin-right: .1rem;
    margin-top: 3px
}

.contact .contact-box1 .container .list ul li .t2 i svg {
    width: 14px
}

.contact .contact-box1 .container .list ul li .t2 i svg path {
    fill: #1d509f
}

.contact .contact-box1 .container .list ul li .t2 span {
    line-height: calc(26/16);
    color: #666
}

.contact .contact-box2 {
    width: 100%;
    background: #ffffff;
    padding: 1.35rem 0 1.6rem
}

.contact .contact-box2 .container .title {
    text-align: center;
    line-height: calc(58/48);
    color: #222;
    font-weight: 600
}

.contact .contact-box2 .container .form {
    width: 100%;
    background: #fff;
    border-radius: .3rem .3rem 0 0;
    padding: .53rem 1.6rem 1.4rem;
    margin-top: .6rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media (max-width: 1260px) {
    .contact .contact-box2 .container .form {
        padding:.53rem 1rem 1.4rem
    }
}

@media (max-width: 991px) {
    .contact .contact-box2 .container .form {
        padding:.53rem .6rem 1.4rem
    }
}

@media (max-width: 767px) {
    .contact .contact-box2 .container .form {
        padding:.53rem .3rem 1.4rem
    }
}

.contact .contact-box2 .container .form .item {
    width: calc(50% - .1rem);
    margin-bottom: .15rem
}

@media (max-width: 991px) {
    .contact .contact-box2 .container .form .item {
        width:100%
    }
}

.contact .contact-box2 .container .form .item .t1 {
    line-height: calc(30/20);
    color: #222;
    font-weight: 600;
    margin-bottom: 4px
}

.contact .contact-box2 .container .form .item .t1 span {
    color: #1d509f
}

.contact .contact-box2 .container .form .item .txt {
    width: 100%;
    height: .54rem;
    border-radius: .27rem;
    background: #ffffff;
    padding-left: .25rem;
    color: #222
}

@media (max-width: 991px) {
    .contact .contact-box2 .container .form .item .txt {
        height:.78rem;
        border-radius: .39rem
    }
}

.contact .contact-box2 .container .form .item .txt::placeholder {
    color: #999
}

.contact .contact-box2 .container .form .item .select1 .layui-input {
    width: 100%;
    height: .54rem;
    border-radius: .27rem;
    background: #ffffff;
    padding-left: .25rem;
    color: #222
}

@media (max-width: 991px) {
    .contact .contact-box2 .container .form .item .select1 .layui-input {
        height:.78rem;
        border-radius: .39rem
    }
}

.contact .contact-box2 .container .form .item .select1 .layui-edge {
    width: 8px;
    height: 8px;
    border: 1px solid #555;
    border-top: transparent;
    border-right: transparent;
    right: .2rem;
    margin-top: -5px;
    border-style: solid;
    transform: rotateZ(-45deg);
    transform-origin: center center
}

.contact .contact-box2 .container .form .item .select1 .layui-form-select dl dd.layui-this {
    background: #1d509f
}

.contact .contact-box2 .container .form .item .select2 {
    display: flex;
    position: relative
}

.contact .contact-box2 .container .form .item .select2::after {
    content: '';
    width: 1px;
    height: 30px;
    background: #d9dbdf;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%)
}

.contact .contact-box2 .container .form .item .select2 .layui-form-select {
    width: 50%;
    flex-shrink: 0;
    font-size: 14px
}

.contact .contact-box2 .container .form .item .select2 .layui-input {
    width: 100%;
    height: .54rem;
    background: #ffffff;
    color: #222;
    border-radius: .27rem 0 0 .27rem;
    border: none;
    padding-left: .1rem;
    padding-right: .2rem;
    text-align: center
}

@media (max-width: 991px) {
    .contact .contact-box2 .container .form .item .select2 .layui-input {
        height:.78rem;
        border-radius: .39rem 0 0 .39rem
    }
}

.contact .contact-box2 .container .form .item .select2 .layui-edge {
    width: 8px;
    height: 8px;
    border: 1px solid #555;
    border-top: transparent;
    border-right: transparent;
    right: .1rem;
    margin-top: -5px;
    border-style: solid;
    transform: rotateZ(-45deg);
    transform-origin: center center
}

.contact .contact-box2 .container .form .item .select2 .layui-form-select dl dd.layui-this {
    background: #1d509f
}

.contact .contact-box2 .container .form .item .select2 .txt {
    border-radius: 0 .27rem .27rem 0
}

.contact .contact-box2 .container .form .item.item2 {
    width: 100%
}

.contact .contact-box2 .container .form .item .text {
    width: 100%;
    height: 180px;
    border-radius: .27rem;
    padding: .15rem .25rem;
    background: #ffffff;
    color: #222
}

.contact .contact-box2 .container .form .item .text::placeholder {
    color: #999
}

.contact .contact-box2 .container .form .tips {
    width: 100%;
    line-height: calc(26/16);
    color: #999
}

.contact .contact-box2 .container .form .sub {
    width: 100%;
    height: 54px;
    border-radius: 6px;
    background: #1d509f;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: .55rem
}

@media (max-width: 767px) {
    .contact .contact-box2 .container .form .sub {
        height:46px
    }
}

.contact .contact-box2 .container .form .sub span {
    color: #fff
}

.contact .contact-box2 .container .form .sub i {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: .13rem;
    background: #fff
}

.contact .contact-box2 .container .form .sub i svg {
    width: 10px;
    object-fit: contain;
    transform: rotateZ(-90deg)
}

.contact .contact-box2 .container .form .sub i svg path {
    fill: #1d509f
}

.join {
    width: 100%
}

.join .box1 {
    width: 100%;
    padding: 1.3rem 0 2rem;
    border-radius: .45rem .45rem 0 0;
    margin-top: -0.6rem;
    position: relative;
    background: #fff
}

.join .box1 .container .top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.join .box1 .container .top .title {
    width: calc(600/1400*100%);
    line-height: calc(72/48);
    font-weight: 600;
    color: #222
}

@media (max-width: 991px) {
    .join .box1 .container .top .title {
        width:100%
    }
}

.join .box1 .container .top .txt {
    width: calc(725/1400*100%);
    color: #666;
    line-height: calc(26/16);
    padding-top: 7px
}

@media (max-width: 991px) {
    .join .box1 .container .top .txt {
        width:100%;
        padding-top: .2rem
    }
}

.join .box1 .container .img {
    width: 100%;
    border-radius: .3rem;
    overflow: hidden;
    margin-top: .5rem
}

.join .box2 {
    width: 100%;
    background: #ffffff;
    border-radius: .45rem .45rem 0 0;
    margin-top: -0.6rem;
    position: relative;
    padding: 1.38rem 0 1.87rem
}

.join .box2::before {
    content: '';
    background: url(../images/join-box2-icon.svg) center top no-repeat;
    background-size: 100%;
    width: 6.22rem;
    height: 2.6rem;
    position: absolute;
    bottom: 0;
    left: 1.25rem
}

.join .box2 .container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.join .box2 .container .tbox {
    width: calc(600/1400*100%);
    display: flex;
    flex-wrap: wrap;
    align-content: space-between
}

@media (max-width: 991px) {
    .join .box2 .container .tbox {
        width:100%
    }
}

.join .box2 .container .tbox .title {
    width: 100%;
    color: #222;
    line-height: calc(72/48);
    font-weight: 600
}

.join .box2 .container .tbox .txt {
    width: 340px;
    line-height: calc(26/16);
    color: #666
}

@media (max-width: 991px) {
    .join .box2 .container .tbox .txt {
        width:100%;
        margin-top: .2rem
    }
}

.join .box2 .container .list {
    width: calc(720/1400*100%)
}

@media (max-width: 991px) {
    .join .box2 .container .list {
        width:100%;
        margin-top: .5rem
    }
}

.join .box2 .container .list .swiper-container .swiper-wrapper {
    align-items: flex-end
}

.join .box2 .container .list .swiper-container .swiper-slide {
    width: calc(392/720*100%)
}

.join .box2 .container .list .swiper-container .swiper-slide .public-img {
    width: 100%;
    border-radius: .3rem
}

.join .box2 .container .list .swiper-container .swiper-slide .public-img::before {
    padding-top: calc(420/560*100%)
}

.join .box2 .container .list .swiper-container .swiper-slide .public-img::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    background: linear-gradient(to top, rgba(28,80,161,0.5), rgba(28,80,161,0))
}

.join .box2 .container .list .swiper-container .swiper-slide .txt {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    color: #fff;
    line-height: calc(30/20);
    padding: .3rem .4rem
}

.join .box2 .container .list .swiper-container .swiper-slide-active {
    width: calc(560/720*100%)
}

.join .box2 .container .list .ckbox {
    display: flex;
    padding-left: .3rem;
    margin-top: .3rem
}

@media (max-width: 991px) {
    .join .box2 .container .list .ckbox {
        padding-left:0;
        justify-content: center
    }
}

.join .box2 .container .list .ckbox .prev,.join .box2 .container .list .ckbox .next {
    width: 46px;
    height: 46px;
    border: 1px solid #1d509f;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    transition: all .4s
}

.join .box2 .container .list .ckbox .prev svg,.join .box2 .container .list .ckbox .next svg {
    width: 14px;
    object-fit: contain
}

.join .box2 .container .list .ckbox .prev svg path,.join .box2 .container .list .ckbox .next svg path {
    fill: #1d509f;
    transition: all .4s
}

@media (min-width: 992px) {
    .join .box2 .container .list .ckbox .prev:hover,.join .box2 .container .list .ckbox .next:hover {
        background:#1d509f
    }

    .join .box2 .container .list .ckbox .prev:hover svg path,.join .box2 .container .list .ckbox .next:hover svg path {
        fill: #fff
    }
}

.join .box2 .container .list .ckbox .prev {
    margin-right: .15rem
}

.join .box2 .container .list .ckbox .prev svg {
    transform: rotateZ(90deg)
}

.join .box2 .container .list .ckbox .next svg {
    transform: rotateZ(-90deg)
}

.join .box3 {
    width: 100%;
    background: #fff;
    padding: .9rem 0 2rem
}

.join .box3 .container .select-box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.join .box3 .container .select-box .left {
    display: flex
}

@media (max-width: 991px) {
    .join .box3 .container .select-box .left {
        width:100%;
        flex-wrap: wrap
    }
}

.join .box3 .container .select-box .left .select {
    width: 2.4rem;
    margin-right: .2rem
}

@media (max-width: 1580px) {
    .join .box3 .container .select-box .left .select {
        width:3rem
    }
}

@media (max-width: 991px) {
    .join .box3 .container .select-box .left .select {
        width:30%
    }
}

@media (max-width: 767px) {
    .join .box3 .container .select-box .left .select {
        width:100%;
        margin-right: 0;
        margin-bottom: .2rem
    }
}

.join .box3 .container .select-box .left .select .layui-input {
    width: 100%;
    height: .54rem;
    border: 1px solid #e6e6e6;
    border-radius: .27rem;
    background: #fff;
    padding: 0 .23rem
}

@media (max-width: 991px) {
    .join .box3 .container .select-box .left .select .layui-input {
        height:.78rem;
        border-radius: .39rem
    }
}

.join .box3 .container .select-box .left .select .layui-edge {
    width: 8px;
    height: 8px;
    border: 1px solid #1d509f;
    border-top: transparent;
    border-right: transparent;
    right: .2rem;
    margin-top: -5px;
    border-style: solid;
    transform: rotateZ(-45deg);
    transform-origin: center center
}

.join .box3 .container .select-box .left .select .layui-form-select dl dd.layui-this {
    background: #1d509f
}

.join .box3 .container .select-box .serch-box {
    width: calc(360/1400*100%);
    height: .54rem;
    border: 1px solid #e6e6e6;
    border-radius: .27rem;
    display: flex;
    overflow: hidden;
    background: #fff
}

@media (max-width: 991px) {
    .join .box3 .container .select-box .serch-box {
        width:30%;
        height: .78rem;
        border-radius: .39rem;
        margin-top: .3rem
    }
}

@media (max-width: 767px) {
    .join .box3 .container .select-box .serch-box {
        width:100%
    }
}

.join .box3 .container .select-box .serch-box .t1 {
    width: calc(100% - .54rem);
    height: 100%;
    padding-left: .2rem;
    color: #222
}

@media (max-width: 991px) {
    .join .box3 .container .select-box .serch-box .t1 {
        width:calc(100% - .78rem)
    }
}

.join .box3 .container .select-box .serch-box .t1::placeholder {
    color: #999
}

.join .box3 .container .select-box .serch-box .btn {
    width: .54rem;
    height: 100%;
    background: url(../images/search.svg) center center no-repeat
}

@media (max-width: 991px) {
    .join .box3 .container .select-box .serch-box .btn {
        width:.78rem
    }
}

.join .box3 .container .list {
    width: 100%;
    margin-top: .6rem
}

.join .box3 .container .list ul li {
    width: 100%;
    border: 1px solid #e5e5e5;
    margin-bottom: .3rem;
    padding: 0 .4rem;
    border-radius: .4rem
}

.join .box3 .container .list ul li:last-child {
    margin-bottom: 0
}

.join .box3 .container .list ul li .top {
    width: 100%;
    display: flex;
    cursor: pointer
}

.join .box3 .container .list ul li .top .t1 {
    width: calc(700/1306*100%);
    height: .78rem;
    display: flex;
    align-items: center;
    color: #222;
    font-weight: 600
}

@media (max-width: 991px) {
    .join .box3 .container .list ul li .top .t1 {
        width:100%;
        min-height: .78rem;
        height: auto;
        padding: .1rem .3rem .1rem 0
    }
}

.join .box3 .container .list ul li .top .t2 {
    min-width: calc(170/1306*100%);
    height: .78rem;
    display: flex;
    align-items: center;
    color: #666;
    flex-shrink: 0;
    padding-right: .2rem;
    white-space: nowrap
}

@media (max-width: 991px) {
    .join .box3 .container .list ul li .top .t2 {
        display:none
    }
}

.join .box3 .container .list ul li .top .t2 img {
    object-fit: contain;
    height: 20px;
    margin-right: .1rem
}

.join .box3 .container .list ul li .top .t3 {
    min-width: calc(205/1306*100%);
    height: .78rem;
    display: flex;
    align-items: center;
    color: #666;
    flex-shrink: 0;
    padding-right: .2rem;
    white-space: nowrap
}

@media (max-width: 991px) {
    .join .box3 .container .list ul li .top .t3 {
        display:none
    }
}

.join .box3 .container .list ul li .top .t3 img {
    object-fit: contain;
    height: 20px;
    margin-right: .1rem
}

.join .box3 .container .list ul li .top .t4 {
    min-width: calc(190/1306*100%);
    height: .78rem;
    display: flex;
    align-items: center;
    color: #666;
    flex-shrink: 0;
    padding-right: .2rem;
    white-space: nowrap
}

@media (max-width: 991px) {
    .join .box3 .container .list ul li .top .t4 {
        display:none
    }
}

.join .box3 .container .list ul li .top .t4 img {
    object-fit: contain;
    height: 20px;
    margin-right: .1rem
}

.join .box3 .container .list ul li .top .t5 {
    width: 14px;
    height: .78rem;
    display: flex;
    align-items: center;
    margin-left: auto;
    flex-shrink: 0;
    white-space: nowrap
}

.join .box3 .container .list ul li .top .t5 svg {
    width: 100%;
    object-fit: contain;
    transition: all .4s
}

.join .box3 .container .list ul li .top .t5 svg path {
    fill: #1d509f
}

.join .box3 .container .list ul li .tbox {
    width: 100%;
    border-top: 1px solid rgba(0,0,0,0.1);
    padding-bottom: .4rem;
    display: none
}

.join .box3 .container .list ul li .tbox .txt {
    line-height: calc(30/16);
    color: #666;
    padding: .25rem 0
}

.join .box3 .container .list ul li .tbox .more {
    margin-top: .3rem
}

@media (min-width: 992px) {
    .join .box3 .container .list ul li:hover .t1 {
        color:#1d509f
    }
}

.join .box3 .container .list ul li.on {
    background: #ffffff;
    border: 1px solid #ffffff
}

.join .box3 .container .list ul li.on .t1 {
    color: #1d509f
}

.join .box3 .container .list ul li.on .t5 svg {
    transform: rotateZ(180deg)
}

.join .box3 .container .page-list {
    margin-top: .6rem
}

.breadcrumb {
    width: 100%;
    padding: .24rem 0
}

.breadcrumb .container {
    display: flex;
    flex-wrap: wrap
}

.breadcrumb .container a {
    color: #999;
    transition: all .4s;
    margin-right: 6px
}

.breadcrumb .container a:hover {
    color: #1d509f
}

.breadcrumb .container i {
    font-style: initial;
    color: #999;
    margin-right: 6px
}

.breadcrumb .container span {
    color: #222
}

.notFound {
    width: 100%;
    background: #fff url(../images/404-bg.png) center center no-repeat;
    background-size: cover
}

.notFound .box .container {
    padding: 1.73rem 0 2.76rem
}

.notFound .box .container .img {
    width: 3.4rem;
    margin: 0 auto
}

.notFound .box .container .txt {
    color: #666;
    text-align: center;
    line-height: calc(34/24);
    margin-top: .32rem
}

.notFound .box .container .txt span {
    color: #1d509f
}

.notFound .box .container .more {
    display: flex;
    justify-content: center;
    margin-top: .55rem
}

.disclaimers {
    width: 100%;
    padding: 1.1rem 0 1.6rem
}

.disclaimers .container .title {
    text-align: center;
    color: #000;
    font-weight: 600;
    line-height: 1
}

.disclaimers .container .public-content {
    width: 100%;
    margin-top: .45rem;
    line-height: calc(26/16);
    color: #666
}

.disclaimers .container .public-content ul {
    padding: 5px 0
}

.disclaimers .container .public-content ul li {
    padding: 5px 0
}

.page-list {
    width: 100%;
    display: flex;
    justify-content: center
}

@media (max-width: 767px) {
    .page-list {
        flex-wrap:wrap
    }
}

.page-list a {
    width: 48px;
    height: 48px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #222;
    margin: 0 8px;
    transition: all .4s;
    font-weight: 600
}

@media (max-width: 767px) {
    .page-list a {
        width:36px;
        height: 36px;
        margin: 0 4px
    }
}

.page-list a svg {
    width: 14px;
    height: 14px
}

.page-list a svg path {
    fill: #222;
    transition: all .4s
}

@media (min-width: 992px) {
    .page-list a:hover {
        background:#1c50a1;
        color: #fff
    }

    .page-list a:hover svg path {
        fill: #fff
    }
}

.page-list a.on {
    background: #1c50a1;
    color: #fff
}

.page-list a.on svg path {
    fill: #fff
}

.page-list .prev {
    background: #fff
}

.page-list .prev svg {
    transform: rotateZ(90deg)
}

.page-list .next {
    background: #fff
}

.page-list .next svg {
    transform: rotateZ(-90deg)
}

.page-list .more {
    border: none;
    background: none
}

@media (min-width: 992px) {
    .page-list .more:hover {
        background:none;
        color: #333
    }
}

.page-list .jump {
    display: flex;
    align-items: center;
    margin: 0 8px;
    color: #222;
    font-weight: 600
}

@media (max-width: 767px) {
    .page-list .jump {
        width:100%;
        margin: .2rem 0 0;
        justify-content: center;
        display: none
    }
}

.page-list .jump .num {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid #ddd;
    text-align: center;
    color: #1c50a1;
    margin: 0 .15rem;
    background: #fff;
    font-weight: 600
}

@media (max-width: 767px) {
    .page-list .jump .num {
        width:36px;
        height: 36px;
        margin: 0 .1rem
    }
}

.sitemap {
    width: 100%;
    padding: 1.05rem 0 2rem
}

.sitemap .container .title {
    text-align: center;
    color: #000;
    font-weight: 600;
    line-height: calc(70/60)
}

.sitemap .container .list {
    width: 1200px;
    max-width: 100%;
    margin: .13rem auto 0
}

.sitemap .container .list ul {
    width: 100%
}

.sitemap .container .list ul li {
    width: 100%;
    border-bottom: 1px solid #eee;
    padding: .26rem 0;
    display: flex;
    flex-wrap: wrap
}

.sitemap .container .list ul li .link {
    min-width: 2.1rem
}

.sitemap .container .list ul li .link a {
    color: #000;
    height: .6rem;
    display: flex;
    align-items: center;
    transition: all .4s
}

.sitemap .container .list ul li .link a:hover {
    color: #1d509f
}

.sitemap .container .list ul li .s-link {
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 767px) {
    .sitemap .container .list ul li .s-link {
        padding:.15rem 0 .15rem .3rem
    }
}

.sitemap .container .list ul li .s-link a {
    min-width: 2.05rem;
    color: #666;
    transition: all .4s;
    height: .6rem;
    display: flex;
    align-items: center
}

@media (max-width: 767px) {
    .sitemap .container .list ul li .s-link a {
        width:100%;
        margin-bottom: .1rem
    }

    .sitemap .container .list ul li .s-link a:last-child {
        margin-bottom: 0
    }
}

.sitemap .container .list ul li .s-link a:hover {
    color: #1d509f
}

.cookies {
    width: 100%;
    padding: 1.08rem 0 2rem
}

.cookies .container .title {
    text-align: center;
    color: #000;
    font-weight: 600;
    line-height: calc(70/60)
}

.cookies .container .public-content {
    color: #666;
    line-height: calc(26/16);
    margin-top: .4rem
}

.cookies-pop {
    width: 100%;
    position: fixed;
    background: #fff;
    z-index: 99;
    left: 0;
    bottom: 0;
    padding: .53rem 0 .26rem;
    box-shadow: 0 0 .1rem rgba(28,80,161,0.1)
}

.cookies-pop .box {
    max-width: 90%;
    width: 1600px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.cookies-pop .box .tbox {
    width: 50%
}

@media (max-width: 991px) {
    .cookies-pop .box .tbox {
        width:100%;
        text-align: center
    }
}

.cookies-pop .box .tbox .t1 {
    color: #1d509f;
    font-weight: 600;
    line-height: calc(34/24)
}

.cookies-pop .box .tbox .t2 {
    color: #222;
    line-height: calc(26/16);
    margin-top: .1rem
}

.cookies-pop .box .btn {
    display: flex;
    padding-top: .17rem
}

@media (max-width: 991px) {
    .cookies-pop .box .btn {
        width:100%;
        padding-top: .5rem;
        justify-content: center
    }
}

.cookies-pop .box .btn a {
    width: 1.6rem;
    height: .56rem;
    border-radius: .28rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.cookies-pop .box .btn .a1 {
    border: 1px solid rgba(0,0,0,0.1);
    color: #222;
    margin-right: .2rem
}

.cookies-pop .box .btn .a2 {
    background: #1d509f;
    color: #fff
}

.right-pop {
    position: fixed;
    right: .3rem;
    bottom: 20vh;
    z-index: 99
}

.right-pop .box {
    width: .7rem;
    border-radius: .35rem;
    background: #fff;
    padding: .15rem .1rem .2rem;
    box-shadow: 0 0 .1rem rgba(28,80,161,0.1)
}

@media (max-width: 991px) {
    .right-pop .box {
        width:.9rem;
        border-radius: .45rem
    }
}

.right-pop .box .tb {
    width: 100%;
    padding-bottom: .15rem;
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 5px;
    position: relative
}

.right-pop .box .tb:last-child {
    border-bottom: none;
    margin-bottom: 0
}

.right-pop .box .tb .icon {
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .4s;
    cursor: pointer;
    margin: 0 auto
}

.right-pop .box .tb .icon svg {
    width: .24rem;
    object-fit: contain
}

.right-pop .box .tb .icon svg path {
    fill: #1d509f;
    transition: all .4s
}

.right-pop .box .tb .txt {
    width: 100%;
    font-size: 14px;
    color: #999;
    line-height: 20px;
    text-align: center
}

@media (max-width: 1580px) {
    .right-pop .box .tb .txt {
        font-size:10px
    }
}

.right-pop .box .tb .ts {
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    padding-right: .3rem;
    display: none
}

.right-pop .box .tb .ts::before {
    content: '';
    width: calc(100% - .3rem);
    height: 100%;
    background: #fff;
    border-radius: .1rem;
    position: absolute;
    left: 0;
    top: 0
}

.right-pop .box .tb .ts::after {
    content: '';
    position: absolute;
    left: calc(100% - .3rem);
    top: 50%;
    transform: translateY(-50%);
    border-left: 6px solid #fff;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent
}

.right-pop .box .tb .ts .td {
    min-width: 1.84rem;
    position: relative;
    z-index: 2;
    padding: .18rem .3rem
}

.right-pop .box .tb .ts .td .ts1 {
    color: #999;
    font-size: 14px
}

.right-pop .box .tb .ts .td .ts2 {
    color: #1c50a1;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    white-space: nowrap
}

.right-pop .box .tb:hover .icon {
    background: #1d509f
}

.right-pop .box .tb:hover .icon svg path {
    fill: #fff
}

.right-pop .box .tb:hover .ts {
    display: block
}

.right-pop .gotop {
    width: .7rem;
    height: .7rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin-top: .14rem;
    background: #fff;
    box-shadow: 0 0 .1rem rgba(28,80,161,0.1)
}

.right-pop .gotop svg {
    width: .25rem;
    object-fit: contain
}

.right-pop .gotop svg path {
    fill: #1d509f;
    transition: all .4s
}

.right-pop .gotop:hover {
    background: #1d509f
}

.right-pop .gotop:hover svg path {
    fill: #fff
}

.search-pop {
    width: 100%;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    padding: 1.35rem 0 1.3rem;
    display: none
}

.search-pop .box {
    width: 1000px;
    max-width: 90%;
    margin: 0 auto;
    position: relative
}

.search-pop .box .close {
    position: absolute;
    top: 0;
    right: .1rem;
    width: 40px;
    height: 40px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

.search-pop .box .close svg {
    width: 20px;
    height: 20px
}

.search-pop .box .close svg path {
    fill: #999
}

.search-pop .box .title {
    color: #000;
    line-height: calc(34/24);
    font-weight: 600
}

.search-pop .box .search-box {
    width: 100%;
    height: .6rem;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    margin-top: .36rem;
    display: flex
}

.search-pop .box .search-box .t1 {
    height: 100%;
    width: calc(100% - .6rem);
    color: #222
}

.search-pop .box .search-box .t1::placeholder {
    color: #999
}

.search-pop .box .search-box .btn {
    width: .6rem;
    height: 100%;
    background: url(../images/search-blue.svg) center center no-repeat;
    background-size: .2rem
}

.search-pop .box .tips {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: .2rem
}

.search-pop .box .tips span {
    color: #999;
    line-height: .4rem;
    margin-right: .15rem
}

.search-pop .box .tips a {
    height: .4rem;
    padding: 0 .25rem;
    background: #1d509f;
    color: #fff;
    border-radius: .2rem;
    margin-right: .2rem;
    margin-bottom: .1rem;
    display: flex;
    align-items: center
}

.download-pop {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    background: rgba(0,0,0,0.4);
    display: none
}

.download-pop .box {
    width: 600px;
    max-width: 90%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: .3rem;
    padding: .6rem
}

@media (max-width: 767px) {
    .download-pop .box {
        padding:.5rem .3rem
    }
}

.download-pop .box .close {
    width: 40px;
    height: 40px;
    position: absolute;
    right: .5rem;
    top: .5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

@media (max-width: 767px) {
    .download-pop .box .close {
        right:.1rem;
        top: .1rem
    }
}

.download-pop .box .close svg {
    width: 20px;
    height: 20px
}

.download-pop .box .close svg path {
    fill: #999
}

.download-pop .box .t1 {
    color: #222;
    font-weight: 600;
    line-height: calc(34/24)
}

.download-pop .box .t2 {
    color: #666;
    line-height: calc(26/16);
    margin-top: 5px;
    margin-bottom: .3rem
}

.download-pop .box .ts {
    width: 100%;
    margin-bottom: .15rem
}

.download-pop .box .ts .ts1 {
    line-height: calc(26/16);
    color: #222;
    font-weight: 600;
    margin-bottom: 7px
}

.download-pop .box .ts .ts1 span {
    color: #f00
}

.download-pop .box .ts .ts2 {
    width: 100%;
    height: .48rem;
    border: 1px solid #e6e6e6;
    border-radius: .24rem
}

@media (max-width: 767px) {
    .download-pop .box .ts .ts2 {
        height:.78rem;
        border-radius: .39rem
    }
}

.download-pop .box .ts .ts2 .txt {
    width: 100%;
    height: 100%;
    padding-left: .2rem;
    color: #222
}

.download-pop .box .ts .ts2 .txt::placeholder {
    color: #999
}

.download-pop .box .tips {
    color: #666;
    line-height: calc(26/16);
    margin-top: .33rem
}

.download-pop .box .tips span {
    color: #1d509f
}

.download-pop .box .more {
    margin-top: .55rem
}

.lx-pop {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    background: rgba(0,0,0,0.4);
    display: none
}

.lx-pop .box {
    width: 1300px;
    max-width: 90%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: .3rem;
    display: flex;
    overflow: hidden
}

.lx-pop .box .close {
    width: 40px;
    height: 40px;
    position: absolute;
    right: .55rem;
    top: .5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

@media (max-width: 767px) {
    .lx-pop .box .close {
        right:.1rem;
        top: .1rem
    }
}

.lx-pop .box .close svg {
    width: 20px;
    height: 20px
}

.lx-pop .box .close svg path {
    fill: #999
}

.lx-pop .box .left {
    width: calc(440/1300*100%);
    background: url(../images/lx-pop-img.png) left top no-repeat;
    background-size: cover;
    padding: .6rem .4rem
}

@media (max-width: 991px) {
    .lx-pop .box .left {
        display:none
    }
}

.lx-pop .box .left .img {
    height: .6rem
}

.lx-pop .box .left .img img {
    height: 100%
}

.lx-pop .box .left .t1 {
    color: #fff;
    line-height: calc(26/16);
    margin-top: .54rem
}

.lx-pop .box .left .t2 {
    line-height: calc(34/24);
    color: #fff;
    font-weight: 600;
    margin-top: 2px
}

.lx-pop .box .left .t3 {
    width: 100%;
    margin-top: .3rem
}

.lx-pop .box .left .t3 .ts {
    display: flex;
    align-items: flex-start;
    margin-bottom: .12rem
}

.lx-pop .box .left .t3 .ts img {
    width: 16px;
    height: 16px;
    margin-right: .1rem;
    margin-top: 4px;
    flex-shrink: 0
}

.lx-pop .box .left .t3 .ts span {
    color: #fff
}

.lx-pop .box .left .link {
    display: flex;
    position: absolute;
    left: .6rem;
    bottom: .6rem
}

.lx-pop .box .left .link a {
    color: #fff;
    margin-right: .3rem;
    font-weight: 600;
    transition: all .4s;
    border-bottom: 1px solid transparent
}

.lx-pop .box .left .link a:hover {
    border-bottom: 1px solid #fff
}

.lx-pop .box .right {
    width: calc(860/1300*100%);
    padding: .55rem .6rem .6rem;
    background: #fff
}

@media (max-width: 991px) {
    .lx-pop .box .right {
        width:100%
    }
}

@media (max-width: 767px) {
    .lx-pop .box .right {
        padding:.5rem .3rem;
        height: 70vh;
        overflow-y: auto
    }
}

.lx-pop .box .right .title {
    line-height: calc(34/24);
    font-weight: 600;
    color: #222
}

.lx-pop .box .right .tts {
    line-height: calc(22/16);
    color: #999;
    margin-top: .15rem
}

.lx-pop .box .right .form {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: .3rem
}

.lx-pop .box .right .form .item {
    width: calc(50% - .1rem);
    margin-bottom: .15rem
}

@media (max-width: 991px) {
    .lx-pop .box .right .form .item {
        width:100%
    }
}

.lx-pop .box .right .form .item .t1 {
    line-height: calc(26/16);
    color: #222;
    font-weight: 600;
    margin-bottom: 8px
}

.lx-pop .box .right .form .item .t1 span {
    color: #f00
}

.lx-pop .box .right .form .item .txt {
    width: 100%;
    height: .48rem;
    border-radius: .24rem;
    padding-left: .25rem;
    color: #222;
    border: 1px solid rgba(0,0,0,0.1)
}

@media (max-width: 991px) {
    .lx-pop .box .right .form .item .txt {
        height:.78rem;
        border-radius: .39rem
    }
}

.lx-pop .box .right .form .item .txt::placeholder {
    color: #999
}

.lx-pop .box .right .form .item .select1 .layui-input {
    width: 100%;
    height: .48rem;
    border-radius: .24rem;
    padding-left: .25rem;
    color: #222
}

@media (max-width: 991px) {
    .lx-pop .box .right .form .item .select1 .layui-input {
        height:.78rem;
        border-radius: .39rem
    }
}

.lx-pop .box .right .form .item .select1 .layui-edge {
    width: 8px;
    height: 8px;
    border: 1px solid #555;
    border-top: transparent;
    border-right: transparent;
    right: .2rem;
    margin-top: -5px;
    border-style: solid;
    transform: rotateZ(-45deg);
    transform-origin: center center
}

.lx-pop .box .right .form .item .select1 .layui-form-select dl dd.layui-this {
    background: #1d509f
}

.lx-pop .box .right .form .item .select2 {
    display: flex;
    position: relative
}

.lx-pop .box .right .form .item .select2::after {
    content: '';
    width: 1px;
    height: 30px;
    background: #d9dbdf;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%)
}

.lx-pop .box .right .form .item .select2 .layui-form-select {
    width: 50%;
    flex-shrink: 0;
    font-size: 14px
}

.lx-pop .box .right .form .item .select2 .layui-input {
    width: 100%;
    height: .48rem;
    color: #222;
    border-radius: .24rem 0 0 .24rem;
    border: none;
    padding-left: .1rem;
    padding-right: .2rem;
    text-align: center;
    border: 1px solid rgba(0,0,0,0.1);
    border-right: none
}

@media (max-width: 991px) {
    .lx-pop .box .right .form .item .select2 .layui-input {
        height:.78rem;
        border-radius: .39rem 0 0 .39rem
    }
}

.lx-pop .box .right .form .item .select2 .layui-edge {
    width: 8px;
    height: 8px;
    border: 1px solid #555;
    border-top: transparent;
    border-right: transparent;
    right: .1rem;
    margin-top: -5px;
    border-style: solid;
    transform: rotateZ(-45deg);
    transform-origin: center center
}

.lx-pop .box .right .form .item .select2 .layui-form-select dl dd.layui-this {
    background: #1d509f
}

.lx-pop .box .right .form .item .select2 .txt {
    border-radius: 0 .27rem .27rem 0;
    border-left: none
}

.lx-pop .box .right .form .item.item2 {
    width: 100%
}

.lx-pop .box .right .form .item .text {
    width: 100%;
    height: 100px;
    border-radius: .24rem;
    padding: .15rem .25rem;
    color: #222;
    border: 1px solid rgba(0,0,0,0.1)
}

.lx-pop .box .right .form .item .text::placeholder {
    color: #999
}

.lx-pop .box .right .form .tips {
    width: 100%;
    line-height: calc(26/16);
    color: #999
}

.lx-pop .box .right .form .tips span {
    color: #f00
}

.lx-pop .box .right .form .sub {
    width: 170px;
    height: 54px;
    border-radius: 27px;
    background: #1d509f;
    padding: 0 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: .55rem
}

@media (max-width: 767px) {
    .lx-pop .box .right .form .sub {
        height:46px
    }
}

.lx-pop .box .right .form .sub span {
    color: #fff
}

.lx-pop .box .right .form .sub i {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: .13rem;
    background: #fff
}

.lx-pop .box .right .form .sub i svg {
    width: 10px;
    object-fit: contain;
    transform: rotateZ(-90deg)
}

.lx-pop .box .right .form .sub i svg path {
    fill: #1d509f
}

.join-pop {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    background: rgba(0,0,0,0.4);
    display: none
}

.join-pop .box {
    width: 940px;
    max-width: 90%;
    background: #fff;
    border-radius: .3rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: .55rem .6rem .6rem
}

@media (max-width: 767px) {
    .join-pop .box {
        padding:.5rem .3rem
    }
}

.join-pop .box .close {
    width: 40px;
    height: 40px;
    position: absolute;
    right: .5rem;
    top: .5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

@media (max-width: 767px) {
    .join-pop .box .close {
        right:.1rem;
        top: .1rem
    }
}

.join-pop .box .close svg {
    width: 20px;
    height: 20px
}

.join-pop .box .close svg path {
    fill: #999
}

.join-pop .box .boxs {
    width: 100%
}

@media (max-width: 767px) {
    .join-pop .box .boxs {
        height:70vh;
        overflow-y: auto
    }
}

.join-pop .box .boxs .title {
    line-height: calc(34/24);
    font-weight: 600;
    color: #222
}

.join-pop .box .boxs .tts {
    line-height: calc(26/16);
    color: #666;
    margin-top: 4px
}

.join-pop .box .boxs .form {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: .24rem
}

.join-pop .box .boxs .form .item {
    width: calc(50% - .1rem);
    margin-bottom: .15rem
}

@media (max-width: 767px) {
    .join-pop .box .boxs .form .item {
        width:100%
    }
}

.join-pop .box .boxs .form .item .t1 {
    line-height: calc(26/16);
    color: #222;
    font-weight: 600;
    margin-bottom: 8px
}

.join-pop .box .boxs .form .item .t1 span {
    color: #f00
}

.join-pop .box .boxs .form .item .txt {
    width: 100%;
    height: .48rem;
    border-radius: .24rem;
    padding-left: .25rem;
    color: #222;
    border: 1px solid rgba(0,0,0,0.1)
}

@media (max-width: 991px) {
    .join-pop .box .boxs .form .item .txt {
        height:.78rem;
        border-radius: .39rem
    }
}

.join-pop .box .boxs .form .item .txt::placeholder {
    color: #999
}

.join-pop .box .boxs .form .load {
    width: 100%
}

.join-pop .box .boxs .form .load .name {
    line-height: calc(26/16);
    color: #222;
    font-weight: 600;
    margin-bottom: 8px
}

.join-pop .box .boxs .form .load .list {
    width: 100%;
    border: 1px solid #e6e6e6;
    border-radius: .2rem;
    padding: .15rem .2rem .2rem
}

.join-pop .box .boxs .form .load .list .top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap
}

.join-pop .box .boxs .form .load .list .top .tips {
    color: #999
}

.join-pop .box .boxs .form .load .list .top .up {
    width: 100px;
    height: 32px;
    background: #1d509f;
    color: #fff;
    border-radius: 16px
}

@media (max-width: 767px) {
    .join-pop .box .boxs .form .load .list .top .up {
        margin-top:.2rem
    }
}

.join-pop .box .boxs .form .load .list .top .up a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer
}

.join-pop .box .boxs .form .load .list .top .up a .hi-file {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    left: 0;
    top: 0;
    z-index: 2
}

.join-pop .box .boxs .form .load .list .word {
    width: 100%;
    margin-top: .2rem;
    display: none
}

.join-pop .box .boxs .form .load .list .word .tb {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.join-pop .box .boxs .form .load .list .word .ts {
    position: relative;
    height: .54rem;
    border-radius: .12rem;
    border: .06rem solid #f4f6fa;
    display: flex;
    align-items: center;
    padding: 0 .1rem;
    margin-right: .12rem
}

@media (max-width: 767px) {
    .join-pop .box .boxs .form .load .list .word .ts {
        width:100%;
        height: .78rem;
        margin-right: 0;
        margin-bottom: .2rem
    }
}

.join-pop .box .boxs .form .load .list .word .ts img {
    width: 20px;
    height: 20px;
    object-fit: contain
}

.join-pop .box .boxs .form .load .list .word .ts .hi-text {
    color: #222;
    font-size: 14px;
    margin: 0 .2rem
}

.join-pop .box .boxs .form .load .list .word .ts .clear {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #1d509f;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

@media (max-width: 767px) {
    .join-pop .box .boxs .form .load .list .word .ts .clear {
        margin-left:auto
    }
}

.join-pop .box .boxs .form .load .list .word .ts .clear svg {
    width: 6px;
    height: 6px
}

.join-pop .box .boxs .form .load .list .word .ts .clear svg path {
    fill: #fff
}

.join-pop .box .boxs .form .load .list .word .ts span {
    color: #999;
    font-size: 14px;
    margin-left: .1rem
}

.join-pop .box .boxs .form .load .list .word .ts .hi-file {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    opacity: 0
}

.join-pop .box .boxs .form .load .list .word .ts::before {
    content: ''
}

.join-pop .box .boxs .form .other {
    width: 100%;
    margin-top: .15rem
}

.join-pop .box .boxs .form .other .name {
    line-height: calc(26/16);
    color: #222;
    font-weight: 600;
    margin-bottom: 8px
}

.join-pop .box .boxs .form .other .list {
    width: 100%;
    border: 1px solid #e6e6e6;
    border-radius: .2rem;
    padding: .15rem .2rem .2rem
}

.join-pop .box .boxs .form .other .list .tips {
    line-height: calc(24/16);
    color: #999
}

.join-pop .box .boxs .form .other .list .txt {
    display: flex;
    align-items: center;
    background: #f4f6fa;
    border: 1px solid #e5e5e5;
    border-radius: .12rem;
    padding: 7px;
    margin-top: .15rem
}

.join-pop .box .boxs .form .other .list .txt span {
    padding: 0 .2rem;
    flex-shrink: 0;
    color: #999
}

.join-pop .box .boxs .form .other .list .txt .ts {
    width: 100%;
    height: 32px;
    background: #fff;
    border-radius: 8px;
    padding-left: .2rem;
    color: #222
}

.join-pop .box .boxs .form .sub {
    width: 100%;
    height: 54px;
    border-radius: 7px;
    background: #1d509f;
    padding: 0 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: .25rem
}

@media (max-width: 767px) {
    .join-pop .box .boxs .form .sub {
        height:46px
    }
}

.join-pop .box .boxs .form .sub span {
    color: #fff
}

.join-pop .box .boxs .form .sub i {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: .13rem;
    background: #fff
}

.join-pop .box .boxs .form .sub i svg {
    width: 10px;
    object-fit: contain;
    transform: rotateZ(-90deg)
}

.join-pop .box .boxs .form .sub i svg path {
    fill: #1d509f
}

.search-page {
    width: 100%
}

.search-page .search-top {
    width: 100%;
    padding: 1.07rem 0 .37rem
}

.search-page .search-top .container .top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.search-page .search-top .container .top .left .t1 {
    color: #666;
    line-height: calc(34/24)
}

.search-page .search-top .container .top .left .t2 {
    margin-top: .2rem;
    font-weight: 600;
    line-height: calc(70/60)
}

.search-page .search-top .container .top .search-boxs {
    width: 520px;
    max-width: 100%;
    height: .54rem;
    display: flex;
    border-radius: .27rem;
    background: #f7f9fb;
    overflow: hidden;
    margin-top: .54rem
}

@media (max-width: 991px) {
    .search-page .search-top .container .top .search-boxs {
        height:.78rem;
        border-radius: .39rem
    }
}

.search-page .search-top .container .top .search-boxs .t1 {
    width: calc(100% - 1.3rem);
    height: 100%;
    padding-left: .6rem;
    background: url(../images/search-h.svg) .3rem center no-repeat
}

@media (max-width: 991px) {
    .search-page .search-top .container .top .search-boxs .t1 {
        padding-left:.8rem
    }
}

.search-page .search-top .container .top .search-boxs .btn {
    width: 1.3rem;
    height: 100%;
    border-radius: .27rem;
    background: #1d509f;
    color: #fff
}

@media (max-width: 991px) {
    .search-page .search-top .container .top .search-boxs .btn {
        width:1.5rem;
        border-radius: .39rem
    }
}

.search-page .search-top .container .end-menu {
    width: 100%;
    margin-top: .78rem
}

.search-page .search-top .container .end-menu ul {
    display: flex
}

@media (max-width: 767px) {
    .search-page .search-top .container .end-menu ul {
        overflow-x:auto
    }
}

.search-page .search-top .container .end-menu ul li {
    position: relative;
    padding-right: .2rem;
    margin-right: .2rem
}

.search-page .search-top .container .end-menu ul li::before {
    content: '';
    width: 1px;
    height: 10px;
    background: #1d509f;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.search-page .search-top .container .end-menu ul li:last-child {
    margin-right: 0
}

.search-page .search-top .container .end-menu ul li:last-child::before {
    display: none
}

.search-page .search-top .container .end-menu ul li a {
    color: #333;
    transition: all .4s;
    white-space: nowrap
}

@media (min-width: 992px) {
    .search-page .search-top .container .end-menu ul li:hover a {
        color:#1d509f
    }
}

.search-page .search-top .container .end-menu ul li.on a {
    color: #1d509f
}

.search-page .search-end {
    width: 100%;
    background: #f3f7fe;
    padding: 1.34rem 0 2rem
}

.search-page .search-end .container .boxs {
    width: 100%
}

.search-page .search-end .container .boxs .title {
    color: #222;
    font-weight: 600;
    line-height: calc(60/48)
}

.search-page .search-end .container .boxs .list {
    width: 100%
}

.search-page .search-end .container .service-boxs .list {
    margin-top: .27rem
}

.search-page .search-end .container .service-boxs .list ul {
    width: calc(100% + .4rem);
    margin: 0 -0.2rem;
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 991px) {
    .search-page .search-end .container .service-boxs .list ul {
        width:100%;
        margin: 0
    }
}

.search-page .search-end .container .service-boxs .list ul li {
    width: calc(33.33% - .4rem);
    margin: 0 .2rem .4rem;
    padding: .2rem .2rem .33rem;
    border-radius: .3rem;
    overflow: hidden;
    background: #fff;
    transition: all .4s
}

@media (max-width: 991px) {
    .search-page .search-end .container .service-boxs .list ul li {
        width:100%;
        margin: 0 0 .4rem
    }
}

.search-page .search-end .container .service-boxs .list ul li a {
    display: block
}

.search-page .search-end .container .service-boxs .list ul li a .public-img {
    width: 100%;
    border-radius: .2rem
}

.search-page .search-end .container .service-boxs .list ul li a .public-img::before {
    padding-top: calc(3/4*100%)
}

.search-page .search-end .container .service-boxs .list ul li a .t1 {
    width: 100%;
    line-height: calc(34/24);
    color: #222;
    transition: all .4s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: .25rem;
    font-weight: 600
}

.search-page .search-end .container .service-boxs .list ul li a .t2 {
    display: flex;
    margin-top: .15rem
}

.search-page .search-end .container .service-boxs .list ul li a .t2 span {
    color: #1d509f;
    transition: all .4s
}

.search-page .search-end .container .service-boxs .list ul li:hover {
    box-shadow: 0 0 .38rem 0 rgba(29,80,159,0.2)
}

.search-page .search-end .container .service-boxs .list ul li:hover a .public-img img {
    transform: scale(1.05)
}

.search-page .search-end .container .service-boxs .list ul li:hover a .t1 {
    color: #1d509f
}

.search-page .search-end .container .service-boxs .list ul li:hover a .t2 span {
    text-decoration: underline
}

.search-page .search-end .container .Insights-boxs {
    margin-top: 1.2rem
}

.search-page .search-end .container .Insights-boxs .list {
    margin-top: .25rem
}

.search-page .search-end .container .Insights-boxs .list ul {
    width: calc(100% + .4rem);
    margin: 0 -0.2rem;
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 991px) {
    .search-page .search-end .container .Insights-boxs .list ul {
        width:100%;
        margin: 0
    }
}

.search-page .search-end .container .Insights-boxs .list ul li {
    width: calc(33.33% - .4rem);
    margin: 0 .2rem .4rem
}

@media (max-width: 991px) {
    .search-page .search-end .container .Insights-boxs .list ul li {
        width:100%;
        margin: 0 0 .4rem
    }
}

.search-page .search-end .container .Insights-boxs .list ul li a {
    display: block
}

.search-page .search-end .container .Insights-boxs .list ul li a .public-img {
    width: 100%;
    border-radius: .3rem
}

.search-page .search-end .container .Insights-boxs .list ul li a .public-img::before {
    padding-top: calc(330/440*100%)
}

.search-page .search-end .container .Insights-boxs .list ul li a .public-img::after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.3);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    opacity: 0;
    transition: all .4s
}

.search-page .search-end .container .Insights-boxs .list ul li a .public-img .label {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    padding: .2rem;
    display: flex;
    flex-wrap: wrap
}

.search-page .search-end .container .Insights-boxs .list ul li a .public-img .label span {
    padding: 0 .25rem;
    height: .46rem;
    border-radius: .23rem;
    background: rgba(255,255,255,0.1);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(255,255,255,0.5);
    color: #fff;
    display: flex;
    align-items: center
}

.search-page .search-end .container .Insights-boxs .list ul li a .public-img .zz-img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-image: url(../images/index-box5-logo.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-image: url(../images/index-box5-logo.svg);
    background-size: 2.36rem 2.29rem;
    opacity: 0;
    transition: all .4s
}

.search-page .search-end .container .Insights-boxs .list ul li a .public-img .zz-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.search-page .search-end .container .Insights-boxs .list ul li a .time {
    margin-top: .36rem;
    color: #1d509f
}

.search-page .search-end .container .Insights-boxs .list ul li a .t1 {
    width: 100%;
    margin-top: .15rem;
    color: #222;
    font-weight: 600;
    line-height: calc(30/24);
    height: calc(30/24*2em);
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    transition: all .4s
}

.search-page .search-end .container .Insights-boxs .list ul li a .t2 {
    display: flex;
    margin-top: .32rem
}

.search-page .search-end .container .Insights-boxs .list ul li a .t2 span {
    color: #1d509f;
    transition: all .4s
}

.search-page .search-end .container .Insights-boxs .list ul li:hover a .public-img::after {
    opacity: 1
}

.search-page .search-end .container .Insights-boxs .list ul li:hover a .public-img .zz-img {
    opacity: 1
}

.search-page .search-end .container .Insights-boxs .list ul li:hover a .t1 {
    color: #1d509f
}

.search-page .search-end .container .Insights-boxs .list ul li:hover a .t2 span {
    text-decoration: underline
}

.search-page .search-end .container .Professionals-boxs {
    margin-top: .9rem
}

.search-page .search-end .container .Professionals-boxs .list {
    margin-top: .38rem
}

.search-page .search-end .container .Professionals-boxs .list ul {
    width: calc(100% + .4rem);
    margin: 0 -0.2rem;
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 991px) {
    .search-page .search-end .container .Professionals-boxs .list ul {
        width:100%;
        margin: 0
    }
}

.search-page .search-end .container .Professionals-boxs .list ul li {
    width: calc(33.33% - .4rem);
    margin: 0 .2rem .4rem;
    border-radius: .3rem;
    background: #fff;
    overflow: hidden;
    transition: all .4s
}

@media (max-width: 991px) {
    .search-page .search-end .container .Professionals-boxs .list ul li {
        width:100%;
        margin: 0 0 .4rem
    }
}

.search-page .search-end .container .Professionals-boxs .list ul li a {
    display: block;
    padding: .35rem .4rem .55rem
}

.search-page .search-end .container .Professionals-boxs .list ul li a .t1 {
    color: #999;
    text-align: right;
    transition: all .4s
}

.search-page .search-end .container .Professionals-boxs .list ul li a .public-img {
    width: calc(280/360*100%);
    border-radius: 50%;
    margin: .66rem auto 0
}

.search-page .search-end .container .Professionals-boxs .list ul li a .t2 {
    color: #222;
    line-height: calc(34/24);
    font-weight: 600;
    transition: all .4s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: .55rem
}

.search-page .search-end .container .Professionals-boxs .list ul li a .t3 {
    color: #999;
    line-height: calc(28/18);
    transition: all .4s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: .15rem
}

@media (min-width: 992px) {
    .search-page .search-end .container .Professionals-boxs .list ul li:hover {
        box-shadow:0 0 .38rem 0 rgba(29,80,159,0.2)
    }

    .search-page .search-end .container .Professionals-boxs .list ul li:hover a .t1 {
        color: #1c50a1
    }

    .search-page .search-end .container .Professionals-boxs .list ul li:hover a .t2 {
        color: #1c50a1
    }

    .search-page .search-end .container .Professionals-boxs .list ul li:hover a .t3 {
        color: #1c50a1
    }
}

.search-page .search-fruitless {
    width: 100%;
    height: 7rem;
    padding: .55rem 0 1.4rem;
    background: #f3f7fe
}

.search-page .search-fruitless .container .txt {
    line-height: calc(26/16);
    color: #666
}