@charset "utf-8";



.banner-line div {
    width: 0;
    height: 1px;
    background: rgba(208, 178, 126, 0.3);
    transition: all 3s;
}

.banner-line {
    flex: 1;
    min-width: 0;
    height: 1px;
    position: relative;
    display: flex;

}

.banner.ani .banner-line div {
    width: 100%;
}

.banner-linel {
    justify-content: flex-end;
}

.banner-liner {
    justify-content: flex-start;
}

.banner-linel::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 6px;
    height: 6px;
    border: 1px solid #D0B27E;
    transform: translateY(-50%) rotateZ(45deg);
}

.banner-linel::after {
    content: "";
    position: absolute;
    top: 0;
    right: 6px;
    width: 6px;
    height: 6px;
    background: #D0B27E;
    border: 1px solid #D0B27E;
    transform: translateY(-50%) rotateZ(45deg);
}

.banner-liner::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 6px;
    height: 6px;
    border: 1px solid #D0B27E;
    transform: translateY(-50%) rotateZ(45deg);
}

.banner-liner::after {
    content: "";
    position: absolute;
    top: 0;
    width: 6px;
    height: 6px;
    background: #D0B27E;
    border: 1px solid #D0B27E;
    transform: translateY(-50%) rotateZ(45deg);
    left: 6px;
}

#downPage {
    width: 1rem;
    height: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9;

    background-size: 100% 100%;
    cursor: pointer;
    margin: 0 .6rem;
    opacity: 0;
    transition: opacity 2s;
    animation: _ani1 10s infinite linear;
}

.banner.ani #downPage {
    opacity: 1;
}

#downPage::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
   
    background-size: 100% 100%;
    animation: ani_bj 3s infinite linear;
    opacity: 0;
}

#downPage img {
    animation: _ani2 10s infinite linear;
}

@keyframes _ani1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _ani2 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-360deg);
    }
}

@keyframes ani_bj {
    0% {
        opacity: 0;
        transform: scale(1);
    }

    50% {
        opacity: .8;
        transform: scale(1.45);
    }

    95% {
        opacity: 0;
        transform: scale(1.8);
    }

    100% {
        opacity: 0;
        transform: scale(1);
    }
}

.banner {
    position: relative;
    /* z-index: 9; */
    overflow: hidden;
    width: 100%;
}

.banner a {
    display: block;
}

.banner>img {
    display: block;
    width: 100%;
}

.banner .slick {
    position: relative;
    z-index: 9;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - .36rem), 7.95rem calc(100% - .36rem), 7.52rem 100%, 0 100%);
}

.banner-more {
    font-size: .18rem;
    color: #fff;
    padding-left: .15rem;
}

.banner .slick-slide a {
    display: block;
    position: relative;
}

.banner .slick-slide a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.9;
    height: 3.59rem;
    background-image: linear-gradient(0deg, rgba(15, 41, 93, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
    max-height: 40vh;
}

.banner .slick-slide a>img, .banner .slick-slide a>video {
    display: block;
    width: 100%;
    height: calc(100vh + .36rem);
    object-fit: cover;
}


.banner .slick-slide.slick-current a>img {
    animation: img_scale linear 3s;
}

@keyframes img_scale {
    0% {
        transform: scale(1.1);
    }


    100% {
        transform: scale(1);
    }

}

.banner .slick-dots {
    position: absolute;
    font-size: 0;
    display: flex !important;
    justify-content: flex-start;
    align-items: flex-end;
    left: 0;
    bottom: 1.13rem;
    left: 1.6rem;
    right: 1.6rem;
    width: auto;
    z-index: 9;
}


.banner .slick-dots li {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    transition: all .5s;
    margin: 0;
    margin: 0 .2rem 0 0;
    width: auto;
    height: 0.48rem;
    width: .1rem;
}

.banner .slick-dots li::before {
    content: "";
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(../images/banner-dot-fj.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    width: 0.49rem;
    height: 0.48rem;
    animation: dot-fj 5s linear infinite;
    transform-origin: .25rem .24rem;
    opacity: 0;
}

@keyframes dot-fj {
    0% {
        transform: rotateZ(0);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.banner .slick-dots li:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) scale(.5);
    border: solid 0.01rem #ffffff;
    border-radius: 50%;
    width: 0.48rem;
    height: 0.48rem;
    opacity: .3;
    opacity: 0;
    transition: all .5s;
}



.banner .slick-dots li span {
    display: block;
    position: relative;
    height: 100%;
    transition: all .5s;
    width: 0.2rem;
    font-size: .14rem;
    line-height: .46rem;
    color: transparent;
    text-align: center;
    width: 100%;
    font-size: 0;
}

.banner .slick-dots li span::before {
    background: #fff;
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: all .5s;
    width: 0.1rem;
    height: 0.1rem;
    background-color: #ffffff;
}

.banner .slick-dots li span::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) scale(0);
    opacity: 0;
    background: url(../images/banner-dot-act.png) no-repeat;
    background-position: center center;
    background-size: cover;
    width: .23rem;
    height: .23rem;
    transition: all .5s;
}


.banner .slick-dots li.slick-active {
    width: .48rem;
}

.banner .slick-dots li.slick-active span {
    color: #fff;
}


.banner .slick-dots li.slick-active span::before {
    opacity: 0;
}

.banner .slick-dots li.slick-active span::after {
    opacity: 1;
    transform: translateX(-50%) translateY(-50%) scale(1);
}

.banner .slick-dots li.slick-active {
    opacity: 1;
}

.banner .slick-dots li.slick-active::before {
    opacity: 1;
    transition: opacity .5s .3s;
}

.banner .slick-dots li.slick-active::after {
    opacity: 1;
    transform: translateX(-50%) translateY(-50%) scale(1);
}

.banner-btm {
    position: relative;
    height: 0.64rem;
    pointer-events: none;
}

.banner-btm div {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 18.37rem;
    margin-left: .54rem;
    height: .92rem;
}

.banner-btm div::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../images/banner-btm.png) no-repeat;
    background-position: left bottom;
    background-size: auto 100%;
    width: 100%;
    height: .92rem;
}




/* index */
.index {
    z-index: 99;
    overflow: hidden;
    /* padding-top: .5rem; */
    /* position: fixed;
    top: 100%;
    left: 0;
    right: 0;
    bottom: 0; */
    overflow: hidden;
    z-index: 99;
    background: #fff;
}

.itit {
    position: relative;
    display: flex;
    align-items: flex-end;
}


.itit-text {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}

.itit-text h2 {
    font-size: 0.48rem;
    font-weight: bold;
    line-height: 0.74rem;
    letter-spacing: normal;
    background: linear-gradient(90deg, #10389f 0%, #0670F2 103%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.itit-text h3 {
    font-size: 0.11rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.12rem;
    letter-spacing: 0.09rem;
    color: #000000;
    display: flex;
    align-items: center;
    width: 100%;
    text-transform: uppercase;
}

.itit-text h3:after {
    content: "";
    display: block;
    flex: 1;
    min-width: 0;
    height: 1px;
    background: #becee8;
}

.itit-more {
    position: absolute;
    right: 0;
    bottom: .06rem;
    z-index: 9;
}

.itit-more a {
    display: flex;
    align-items: flex-end;
    position: relative;
    z-index: 1;
    font-size: 0.15rem;
    font-weight: normal;
    line-height: 0.48rem;
    letter-spacing: normal;
    color: #000000;
    padding-right: .38rem;
    padding-left: .65rem;
}


.itit-more a::before {
    content: "";
    display: block;
    background: url(../images/itit-more-bg1.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    width: 1.62rem;
    height: 0.28rem;
    z-index: -1;
    position: absolute;
    left: 0;
    bottom: 0;
}

.itit-more a::after {}

.itit-w .itit-text {
    /* padding-top: .33rem; */
}

.itit-w .itit-text h2 {
    background: none;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: #fff;
    background-clip: initial;
    text-fill-color: #fff;
    color: #FFFFFF;
}

.itit-w .itit-text h3 {
    background: none;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: #fff;
    background-clip: inherit;
    text-fill-color: #fff;
    color: #fff;
    text-transform: uppercase;
}

.itit-w .itit-text h3:after {
    opacity: 0;
}



.tab-bd {
    position: relative;
    overflow: hidden;
}

.tab-bd>div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0;
    z-index: -9;
    transition: all 0.5s;
    transform: translateY(1rem);
}

.tab-bd>div.on {
    position: relative;
    z-index: 9;
    opacity: 1;
    transform: translateY(0);
}

.s1 {
    padding: .45rem 0 0 0;
    position: relative;
    z-index: 2;
}

.s1-c {
    display: flex;
    margin-top: .5rem;
}

.s1-l {
    width: 8.9rem;
    margin-right: .33rem;
}

.s1-l .slick ul li a {
    display: block;
    position: relative;
}

.s1-l .slick ul li a .pics {
    position: relative;
}

.s1-l .slick ul li a .pics span {
    position: absolute;
    left: 0.13rem;
    top: 0.02rem;
    font-size: 0.16rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.28rem;
    letter-spacing: 0rem;
    color: #000000;
    z-index: -1;
}

.s1-l .slick ul li a .pics p {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 1.48rem;
    padding-right: .27rem;
    background: url(../images/item-morebg.png) no-repeat;
    background-position: center center;
    background-size: 100% .1rem;

}

.s1-l .slick ul li a .pics p::before {}

.s1-l .slick ul li a .pics p b {
    font-size: 0.14rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.28rem;
    letter-spacing: 0rem;
    color: #1039a0;
}

.s1-l .slick ul li a .pic {
    padding-top: 60.26%;
    clip-path: polygon(1.6rem 0,
            100% 0,
            100% calc(100% - .33rem),
            calc(100% - 1.2rem) calc(100% - .33rem),
            calc(100% - 1.65rem) 100%,
            0 100%,
            0 .33rem, 1.15rem .33rem);
}



.s1-l .slick ul li a .info {
    padding-top: .32rem;
}

.s1-l .slick ul li a .info .text {
    margin-top: .05rem;
}

.s1-l .slick ul li a .info .text h3 {
    font-size: 0.3rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.34rem;
    letter-spacing: 0rem;
    color: #000000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: .68rem;
}

.s1-l .slick ul li a .info .text p {
    font-size: 0.18rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.32rem;
    letter-spacing: 0rem;
    color: #000000;
    opacity: 0.8;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    height: .96rem;
    margin-top: .2rem;
}

.s1-r {
    flex: 1;
    min-width: 0;
}

.s1-r ul {
    margin-top: -.23rem
}

.s1-r ul li {
    padding: 0 .23rem;
    position: relative;
    z-index: 1;
}

.s1-r ul li:first-child a {
    border-color: transparent;
}

.s1-r ul li:first-child a:before {
    opacity: 0;
}

.s1-r ul li:first-child a:after {
    opacity: 0;
}



.s1-r ul li:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/s1-ritembg.png) no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: -1;
    transition: all .5s;
    /* opacity: 0; */
    clip-path: polygon(.73rem 0, 100% 0, 100% calc(100% - .29rem), calc(100% - 1.06rem) calc(100% - .29rem), calc(100% - 1.3rem) 100%, 0 100%, 0 .11rem, .64rem .11rem);
    opacity: 0;
    transition: all .5s;
}

.s1-r ul li a {
    display: block;
    transition: all .5s;
    position: relative;
    z-index: 1;
    border-top: 1px solid #e3ebf7;
    padding: .27rem 0;
    padding-right: .24rem;
    /* overflow: hidden; */
}

.s1-r ul li:last-child a {
    border-bottom: 1px solid #e3ebf7;
}

.s1-r ul li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    transform: translateX(-.23rem) translateY(-50%);
    width: 0.1rem;
    height: 0.1rem;
    background-color: #becfe8;
}

.s1-r ul li a::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(.23rem) translateY(-50%);
    width: 0.1rem;
    height: 0.1rem;
    background-color: #becfe8;
}

.s1-r ul li a .info {
    position: relative;
    z-index: 1;
    transition: all .5s;
}

.s1-r ul li a .info .date {
    display: block;
}

.s1-r ul li a .info .date b {
    display: block;
    width: 1.46rem;
    background: linear-gradient(90deg,
            #e9f6ff 0%,
            #fafdff 100%);
    font-size: 0.16rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.3rem;
    letter-spacing: 0rem;
    color: #1543ac;
    padding-left: .12rem;
}


.s1-r ul li a .info .text {
    flex: 1;
    min-width: 0;
    height: .54rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .2rem;
}

.s1-r ul li a .info .text p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: .54rem;

    /* 浏览器可能不支持 */
    font-size: 0.2rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.27rem;
    letter-spacing: 0rem;
    color: #000000;
    width: 100%;
}


.s1-r ul li a>h4 {
    position: absolute;
    right: -.23rem;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 1.18rem;
    padding-right: .26rem;
    background: url(../images/item-morebg2.png) no-repeat;
    background-position: center center;
    background-size: 100% .1rem;
    opacity: 0;
    transition: all .5s;
}

.s1-r ul li a>h4 b {
    font-size: 0.14rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.28rem;
    letter-spacing: 0rem;
    color: #1039a0;
}

.s1-r ul li:last-child a h6 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.s1-r ul li:last-child a h6::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translateX(-.23rem) translateY(50%);
    width: 0.1rem;
    height: 0.1rem;
    background-color: #becfe8;
}

.s1-r ul li:last-child a h6::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translateX(.23rem) translateY(50%);
    width: 0.1rem;
    height: 0.1rem;
    background-color: #becfe8;
}

.s2 {
    background: #F6FAFF;
    padding-bottom: 2.85rem;
    padding-top: 1.05rem;
    position: relative;
    z-index: 1;
}

.s2::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 16.72rem;
    background: url(../images/s2-bg.png) no-repeat;
    background-position: center bottom;
    background-size: 100% 100%;
    z-index: -1;
    pointer-events: none;
}


.s2-tit {
    flex: 1;
    min-width: 0;
    margin-bottom: .06rem;
    position: relative;
    z-index: 1;
}

.s2-tit::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: .77rem;
    background: #becee8;
    transform: translateY(-50%) rotateZ(41deg);
    transform-origin: right center;
}

.s2-tit ul {
    display: flex;

    position: relative;
    z-index: 1;
}

.s2-tit ul:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(90deg, rgba(231, 241, 255, .5) 0%, rgba(242, 249, 255, .5) 100%);
    transform: skewX(-40deg);
    z-index: -1;
    margin-right: 2.6rem;
}

.s2-tit ul:after {
    content: "";
    position: absolute;
    left: 0.27rem;
    right: 0;
    top: 0;
    bottom: 0;
    border-top: solid 0.01rem #becee8;
}

.s2-tit ul li {}

.s2-tit ul li a {
    display: flex;
    align-items: center;
    padding: .1rem .37rem;
    position: relative;
    z-index: 1;
}

.s2-tit ul li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(90deg, #1056c9 0%, #3074e3 100%);
    z-index: -1;
    transition: all .5s;
    transform: skewX(-40deg);
    opacity: 0;
}

.s2-tit ul li a::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotateZ(40deg);
    width: 1px;
    background: #becfe8;
    height: .23rem;

}

.s2-tit ul li a .icons {
    position: relative;
    width: 0.4rem;
    height: 0.4rem;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: .07rem;
}

.s2-tit ul li a .icons::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #deecff;
    z-index: -2;
    border-radius: 50%;
    opacity: 1;
    transition: all .5s;
}

.s2-tit ul li a .icons::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    background-image: linear-gradient(117deg,
            rgba(255, 245, 225, 1) 0%,
            rgba(252, 240, 217, 1) 28%,
            #f8ebd0 57%,
            #ffcd9a 100%);
    border-radius: 50%;
    opacity: 0;
    transition: all .5s;
}

.s2-tit ul li a .icons img {
    max-height: 50%;
    min-height: 40%;
    transition: all .5s;
}

.s2-tit ul li a span {
    font-size: 0.2rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.28rem;
    letter-spacing: 0rem;
    color: #222222;
}

.s2-tit ul li.on a::before {
    opacity: 1;
}

.s2-tit ul li.on a::after {
    opacity: 0;
}

.s2-tit ul li.on a .icons::before {
    opacity: 0;
}

.s2-tit ul li.on a .icons::after {
    opacity: 1;
}

.s2-tit ul li.on a span {
    color: #ffffff;
}

.s2 .tab-bd {
    margin-top: .9rem;
}



.s2-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.1rem;
}

.s2-list li {
    width: 25%;
    padding: .03rem 0 .11rem 0;
    position: relative;
    z-index: 1;
    margin-top: .18rem;
}



.s2-list li:before {
    content: "";
    position: absolute;
    left: .1rem;
    right: .1rem;
    top: 0;
    bottom: 0;
    background: url(../images/s2-itembg.png) no-repeat;
    background-position: center center;
    background-size: cover;
    transition: all .5s;
    clip-path: polygon(0 0, calc(50% - .55rem) 0, calc(50% - .43rem) .09rem, calc(50% + .43rem) .09rem, calc(50% + .55rem) 0, 100% 0, 100% calc(100% - .16rem), calc(100% - .07rem) calc(100% - .09rem), calc(100% - .66rem) calc(100% - .09rem), calc(100% - .78rem) 100%, .78rem 100%, .66rem calc(100% - 0.09rem), 0.07rem calc(100% - .07rem), 0 calc(100% - .16rem));
    opacity: 0;
    z-index: -1;
    border-radius: 0.1rem;
}

.s2-list li::after {
    content: "";
    position: absolute;
    left: .1rem;
    right: .1rem;
    top: 0;
    bottom: 0;
    background-color: #ffffff;
    border-radius: 0.1rem;
    z-index: -2;
    transition: all .5s;
}

.s2-list li a {
    display: block;
    margin: 0 .1rem;
    padding: .26rem .4rem .3rem .25rem;
    position: relative;
    z-index: 1;
}

.s2-list li a p {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.s2-list li a p b {
    display: block;
    font-size: 0.16rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.28rem;
    letter-spacing: 0rem;
    color: #000000;
}

.s2-list li a p span {
    background: linear-gradient(90deg, #cae9ff 0%, #f1fbff 100%);
    font-size: 0.16rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.3rem;
    letter-spacing: 0rem;
    color: #1543ac;
    padding-left: .2rem;
    padding-right: .2rem;
}

.s2-list li a h3 {
    font-size: 0.2rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.27rem;
    letter-spacing: 0rem;
    color: #000000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    height: .81rem;
    margin-top: .2rem;
}

.s3 {
    position: relative;
    z-index: 1;
    margin-top: -.5rem;
}

.s3-dq {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    z-index: -9;
    pointer-events: none;
}
.s3-dq>img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-68%);
    width: 3.4rem;
}

.s3-dq div {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 100%;
    margin-bottom: -.27rem;
    width: 1.49rem;
    height: 1.49rem;
    border-radius: 50%;
    overflow: hidden;
    background: url(../images/aa.jpg);
    background-size: auto 100%;
    box-shadow: 0px 0px .1rem rgba(9, 89, 198, .2);
}

.s3 .jiaol {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 1;
    opacity: .3;
    transition: all .5s;
}

.s3 .jiaol::before {
    content: "";
    position: absolute;
    left: .13rem;
    top: .16rem;
    background: url(../images/s3-jiaolt.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    width: 0.36rem;
    height: 0.33rem;
}

.s3 .jiaol::after {
    content: "";
    position: absolute;
    left: .13rem;
    bottom: .16rem;
    background: url(../images/s3-jiaolb.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    width: 0.36rem;
    height: 0.33rem;
}

.s3 .jiaor {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 1;
    opacity: .3;
    transition: all .5s;
}

.s3 .jiaor::before {
    content: "";
    position: absolute;
    top: .16rem;
    right: .13rem;
    background: url(../images/s3-jiaort.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    width: 0.36rem;
    height: 0.33rem;
}

.s3 .jiaor::after {
    content: "";
    position: absolute;
    right: .13rem;
    bottom: 0.16rem;
    background: url(../images/s3-jiaorb.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    width: 0.36rem;
    height: 0.33rem;
}

.s3::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    pointer-events: none;
}

.s3-box {
    padding: .9rem 0 .84rem 0;
    background: url(../images/s3-bg.png) no-repeat;
    background-position: center center;
    background-size: cover;
    clip-path: polygon(0 0, calc(50% - 1.4rem) 0, calc(50% - .85rem) .5rem, calc(50% + .85rem) .5rem, calc(50% + 1.4rem) 0, 100% 0, 100% 100%, calc(100% - 1.6rem) 100%, calc(100% - 2rem) calc(100% - .35rem), 2rem calc(100% - .35rem), 1.6rem 100%, 0 100%);
    z-index: 8;
    position: relative;
    overflow: hidden;
}

.s3-c {
    display: flex;
    align-items: flex-end;
}

.s3-l {
    width: 5rem;
    margin-right: 1.75rem;
}

.s3-lcont {}

.s3-lcont .info {
    margin-top: 1.12rem;
}

.s3-lcont .info h3 {
    font-size: 0.34rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.34rem;
    letter-spacing: 0.03rem;
    color: #ffffff;
}

.s3-lcont .info h4 {
    background: linear-gradient(90deg, #fcba5b 0%, #fb9f42 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-size: 0.12rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.27rem;
    letter-spacing: 0.01rem;
    color: #000000;
    margin-top: .07rem;
}

.s3-lcont .info p {
    font-size: 0.18rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.32rem;
    letter-spacing: 0rem;
    color: #ddeef8;
    margin-top: .22rem;
}

.s3-lcont .pics {
    position: relative;
    margin-top: .43rem;
}

.s3-lcont .pics::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/s3-lpic-bef.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    width: 1.52rem;
    height: 0.2rem;
}

.s3-lcont .pics::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(../images/s3-lpic-aft.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    width: 3.53rem;
    height: 0.43rem;
}

.s3-lcont .pics div {
    position: relative;
    padding: .11rem .11rem .34rem .08rem;
}

.s3-lcont .pics div img {
    display: block;
    width: 100%;
    clip-path: polygon(0 .16rem, .4rem .16rem, .55rem 0, 100% 0, 100% calc(100% - .16rem), calc(100% - .4rem) calc(100% - .16rem), calc(100% - .55rem) 100%, 0 100%);
}

.s3-r {
    flex: 1;
    min-width: 0;
    position: relative;
}

.s3-yhy {
    position: absolute;
    left: 1rem;
    top: 1.3rem;
    z-index: 9;
}

.s3-yhy img {
    display: block;
    width: 0.64rem;
}

.s3-wx {
    position: absolute;
    right: 0.5rem;
    top: 50%;

}

.s3-wx img {
    display: block;
    width: 1.22rem;
}

.s3-r .swiper-container {
    overflow: visible;
}


.s3-r ul li a {
    position: relative;
    display: block;
    z-index: 1;
    transition: all .5s;
}

.s3-r ul li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;

}

.s3-r ul li a>div.zs {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    transition: opacity .5s;
}

.s3-r ul li a>div.zs::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    background-color: rgba(36, 111, 218, .5);
    border: dashed 1px #639bf1;
    animation: _circlescale infinite 1.8s linear;
}

.s3-r ul li a>div.zs::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    background-color: rgba(36, 111, 218, .5);
    border: dashed 1px #639bf1;
    animation: _circlescale infinite 1.8s -.6s linear;
}

.s3-r ul li a>div.zs div {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.s3-r ul li a>div.zs div::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    background-color: rgba(36, 111, 218, .5);
    animation: _circlescale infinite 1.8s -1.2s linear;
}

@keyframes _circlescale {
    0% {
        transform: scale(1);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}

.s3-r ul li a>div.con {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 1.76rem;
    height: 1.76rem;
    z-index: 1;
    background-size: cover;
    background-position: center center;
    border-radius: 50%;
    z-index: 2;
}


.s3-r ul li a .icons {
    display: flex;
    justify-content: center;
    align-items: center;
}

.s3-r ul li a .icons img {
    max-height: .48rem;
    min-height: .34rem;
}

.s3-r ul li a p {
    text-align: center;
    font-size: 0.18rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.21rem;
    letter-spacing: 0rem;
    color: #ffffff;
    width: 100%;
    text-align: center;
    padding: 0 .2rem;
    margin-top: .15rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: .42rem;
}

.s3-b {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    /* display: none; */
    height: .4rem;
}

.s3-b .swiper-scrollbar {
    height: 1px;
    background: rgba(255, 255, 255, .4);
    width: 2.68rem;
    position: absolute;
    right: 1.52rem;
    display: none;
}

.s3-b .swiper-scrollbar div {
    background-image: linear-gradient(90deg,
            #6caeff 0%,
            #b6d7ff 26%,
            #ffffff 52%,
            #a5d4ff 100%);
    height: 3px;
    margin-top: -1px;
    transition: all .5s;
}

.s3-b .swiper-pagination {
    position: static;
    width: auto;
    font-size: 0;
    margin-right: .18rem;
    display: none;
}

.s3-b .swiper-pagination span {
    font-size: 0.18rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.28rem;
    letter-spacing: 0rem;
    color: #ffffff;
}

.s3-b .swiper-pagination span:nth-child(1) {
    margin-right: 2.84rem;
}

.s3-arr {
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    display: none;
}

.s3-arr div {
    width: 0.48rem;
    height: 0.45rem;
    cursor: pointer;
    transition: all .5s;
}

.s3-arr div.prev {
    background: #206ed8 url(../images/icon-prev-fj-w.png) no-repeat;
    background-position: center center;
    background-size: .22rem auto;
    margin-right: .08rem;
}

.s3-arr div.next {
    background: #206ed8 url(../images/icon-next-fj-w.png) no-repeat;
    background-position: center center;
    background-size: .22rem auto;
}

.s3-top {
    position: absolute;
    left: 0;
    right: 0;
    top: -1.15rem;
    pointer-events: none;
    z-index: -1;
}

.s3-top div {
    width: 16.92rem;
    position: relative;
    margin-left: .76rem;
    height: 1.22rem;
}

.s3-top div::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../images/s3-topline.png) no-repeat;
    background-size: auto 100%;
    width: 100%;
    height: .73rem;
}

.s3-btm {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -.16rem;
    pointer-events: none;
}

.s3-btm div {
    position: relative;
    margin-left: .5rem;
    width: 17.51rem;
    height: .46rem;
}

.s3-btm div::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../images/s3-btmline.png) no-repeat;
    background-position: left bottom;
    background-size: auto 100%;
    width: 100%;
    height: .46rem;
}

.s3-clrcle {
    position: absolute;
    right: 3.7rem;
    bottom: 1rem;
    pointer-events: none;
    z-index: -1;
}

.s3-clrcle div {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    border-radius: 50%;

}

.s3-clrcle div b {
    display: block;
    width: 100%;
    height: 100%;
    border: 1px dashed #e1e6ef;
    box-shadow: inset 0 0 0.49rem .5rem rgba(9, 71, 165, .3);
    border-radius: 50%;
}

.s3-clrcle div:nth-child(1) {
    width: 7.59rem;
    height: 2.9rem;
    display: none;
}

.s3-clrcle div:nth-child(2) {
    width: 15.53rem;
    height: 5.92rem;
}

.s3-clrcle div:nth-child(3) {
    width: 24.8rem;
    height: 9.45rem;
}

.s3-clrcle div:nth-child(4) {
    width: 32.85rem;
    height: 12.52rem;
    /* display: none; */
}


.s4 {
    padding-top: .33rem;
}

.s4-c ul {
    display: flex;
    clip-path: polygon(.4rem 0, calc(100% - .4rem) 0, 100% .36rem, 100% calc(100% - .36rem), calc(100% - .4rem) 100%, .4rem 100%, 0 calc(100% - .36rem), 0 .36rem);
}

.s4-c ul li {
    flex: 1;
    min-width: 0;
}

.s4-c ul li a {
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
}

.s4-c ul li a .pic {
    padding-top: 1.65rem;
}

.s4-c ul li a .info {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 .4rem;
}

.s4-c ul li a h3 {
    font-size: .3rem;
    line-height: .3rem;
    color: #fff;
}

.s4-c ul li a p {
    background: linear-gradient(to right, #fff5e1 0%, #f8ebd0 57%, #ffcd9a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-size: .12rem;
    line-height: .2rem;
    margin-top: .05rem;
}


.s5 {
    padding-top: .85rem;
    padding-bottom: 1.65rem;
    background: url(../images/s5-bg.png) no-repeat;
    background-position: center bottom;
    background-size: cover;
    position: relative;
}


.s5-c {
    display: flex;
    position: relative;
}

.s5-l {
    width: 5.1rem;
    margin-right: .5rem;
    padding-top: .5rem;
}

.s5-l h3 {
    font-size: 0.34rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.34rem;
    letter-spacing: 0.03rem;
    color: #000000;
}

.s5-l h4 {
    background: linear-gradient(90deg, #fcba5b 0%, #fb9f42 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-size: 0.12rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.27rem;
    letter-spacing: 0.01rem;
    color: #000000;
    margin-top: .07rem;
}

.s5-l div {
    margin-top: .1rem;
}

.s5-l div p {
    font-size: 0.18rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.32rem;
    letter-spacing: 0rem;
    color: #000000;
}

.s5-r {
    flex: 1;
    min-width: 0;
    margin-top: -.14rem;
}

.s5-r .swiper-slide {
    position: relative;
}

.s5-r .swiper-slide::before {
    content: "";
    position: absolute;
    left: .15rem;
    top: 0;
    width: .02rem;
    background: #becfe8;
    height: 0.25rem;
    transform: rotateZ(40deg);
    transform-origin: left top;
}

.s5-r .swiper-slide a {
    display: block;
    position: relative;
    clip-path: polygon(.35rem 0, 100% 0, 100% 100%, 0 100%, 0 .42rem);
}

.s5-r .swiper-slide a .pic {
    padding-top: 125.8%;
}

.s5-r .swiper-slide a .info {
    position: absolute;
    left: 0.4rem;
    right: 0.4rem;
    bottom: 0.2rem;
    z-index: 9;
    background: rgba(255, 255, 255, .95);
    text-align: center;
    padding: .1rem 0;
    clip-path: polygon(0 0, calc(100% - .42rem) 0, 100% .42rem, 100% 100%, 0 100%);
    transition: all .5s;
}

.s5-r .swiper-slide a .info h3 {
    font-size: 0.22rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.27rem;
    letter-spacing: 0rem;
    color: #000000;
    padding: 0 .3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.s5-r .swiper-slide a .info span {
    margin-right: .2rem;
    display: flex;
    align-items: center;
}

.s5-r .swiper-slide a .info span::before {
    content: "";
    display: block;
    flex: 1;
    min-width: 0;
    height: 1px;
    background-color: #becfe8;
    opacity: 0.8;
}

.s5-r .swiper-slide a .info span::after {
    content: "";
    display: block;
    background: url(../images/s5-rfj1.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    width: 0.22rem;
    height: 0.18rem;
    transition: all .5s;
    margin-left: .05rem;
}

.s5-r .swiper-slide a .info div {}

.s5-r .swiper-slide a .info div p {
    font-size: 0.16rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.27rem;
    letter-spacing: 0rem;
    color: #000000;
    padding: 0 .1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.s5-arr {
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
}

.s5-arr div {
    width: 0.48rem;
    height: 0.45rem;
    cursor: pointer;
    transition: all .5s;
}

.s5-arr div.prev {
    background: rgba(255, 255, 255, .7) url(../images/icon-prev-fj-b.png) no-repeat;
    background-position: center center;
    background-size: .22rem auto;
    margin-right: .08rem;
}

.s5-arr div.next {
    background: rgba(255, 255, 255, .7) url(../images/icon-next-fj-b.png) no-repeat;
    background-position: center center;
    background-size: .22rem auto;
}

.s5-btmjz {
    position: absolute;
    left: 1.77rem;
    right: 0;
    bottom: 0;
    z-index: 9;
    pointer-events: none;
}

.s5-btmjz img {
    display: block;
    width: 15.9rem;
}


.s6 {
    padding-top: .65rem;
    padding-bottom: 1.65rem;
    position: relative;
    z-index: 1;
}

.s6::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2.66rem;
    right: 0;
    bottom: -.51rem;
    background: url(../images/s6-bg.png) no-repeat;
    background-position: center top;
    background-size: cover;
    pointer-events: none;
}

.s6-c {
    display: flex;
    margin-top: .4rem;
}

.s6-l {
    width: 8.32rem;
    margin-right: .11rem;
}

.s6-lt {}

.s6-lt a {
    display: block;
    position: relative;
}

.s6-lt a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/s6-icon-play.png) no-repeat;
    background-position: center center;
    background-size: .61rem auto;
    z-index: 9;
}

.s6-lt a .pic {
    padding-top: 59%;
    clip-path: polygon(1.55rem 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 .43rem, 1.15rem .43rem);
}

.s6-lt a .pic::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2.08rem;
    background: linear-gradient(to bottom, transparent, #064295);
    max-height: 50%;
}

.s6-lt a .typetit {
    position: absolute;
    left: 0;
    top: 0;
    padding-left: .15rem;
    display: flex;
    align-items: center;
}

.s6-lt a .typetit img {
    width: .21rem;
}

.s6-lt a .typetit span {
    font-size: 0.18rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.28rem;
    letter-spacing: 0rem;
    color: #002562;
    margin-left: .07rem;
}

.s6-lt a .info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: .3rem .25rem;
}

.s6-lt a .info h3 {
    font-size: 0.24rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.3rem;
    letter-spacing: 0rem;
    color: #f3faff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.s6-lb ul {
    display: flex;
    margin-top: .13rem;
}

.s6-lb ul li {
    width: 33.33%;
    position: relative;
}

.s6-lb ul li .pic {
    padding-top: 50%;
}

.s6-lb ul li a {
    z-index: 3;
    position: relative;
    display: block;
}


.s6-lb ul li a .info {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 .25rem;
}

.s6-lb ul li a div h3 {
    font-size: 0.22rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.29rem;
    letter-spacing: 0rem;
    color: #ffffff;
}

.s6-lb ul li a div p {
    font-size: 0.12rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.18rem;
    letter-spacing: 0rem;
    color: #ffffff;
 background: linear-gradient(90deg, #fff5e1 0%, #f8ebd0 57%, #ffcd9a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;

}

.s6-lb ul li a span {
    display: block;
    position: relative;
    width: 0.23rem;
    height: 0.23rem;
}

.s6-lb ul li a span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    background: #ffffff url(../images/s6-icon-right1.png) no-repeat;
    background-position: center center;
    background-size: .14rem auto;
}
.s6-lb ul li:nth-child(2) a span::before{
    background: #ffffff url(../images/s6-icon-right2.png) no-repeat;
    background-position: center center;
    background-size: .14rem auto;
}
.s6-lb ul li:nth-child(3) a span::before{
    background: #ffffff url(../images/s6-icon-right3.png) no-repeat;
    background-position: center center;
    background-size: .14rem auto;
}


.s6-lb ul li a span::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 165%;
    height: 165%;
    border-radius: 50%;
    background: rgba(255, 255, 255, .15);
}

.s6-r {
    flex: 1;
    min-width: 0;
}

.s6-rt {}

.s6-rt ul {
    display: flex;
    margin: 0 -.04rem;
}

.s6-rt ul li {
    width: 50%;
}

.s6-rt ul li a {
    margin: 0 .04rem;
    display: block;
    position: relative;
}

.s6-rt ul li a .pic {
    padding-top: 59.35%;
}

.s6-rt ul li a .pic::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2.08rem;
    background: linear-gradient(to bottom, transparent, #335482);
    max-height: 50%;
}

.s6-rt ul li a .info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: .2rem;
}

.s6-rt ul li a .info h3 {
    font-size: 0.18rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.24rem;
    letter-spacing: 0rem;
    color: #f3faff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.s6-rt ul li a .icons {
    position: absolute;
    left: 0.18rem;
    top: 0.18rem;
}

.s6-rt ul li a .icons img {
    display: block;
    width: 0.27rem;
}

.s6-rb a {
    display: block;
    position: relative;
    margin-top: .11rem;
}

.s6-rb a .pic {
    padding-top: 54%;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - .36rem), calc(100% - 1.12rem) calc(100% - .36rem), calc(100% - 1.55rem) 100%, 0 100%);
}


.s6-rb a .typetit {
    position: absolute;
    right: 0;
    bottom: 0;
    padding-right: .15rem;
    display: flex;
    align-items: center;
}

.s6-rb a .typetit img {
    width: .21rem;
}

.s6-rb a .typetit span {
    font-size: 0.18rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.28rem;
    letter-spacing: 0rem;
    color: #002562;
    margin-left: .07rem;
}

.fixed-nav {
    position: fixed;
    right: 0.35rem;
    top: 50%;
    transform: translateY(-50%) translateX(2rem);
    transition: all .5s;
    z-index: 99;
}

.fixed-nav.on {
    transform: translateY(-50%) translateX(0);
}

.fixed-nav ul {}

.fixed-nav ul li+li {
    margin-top: .08rem;
}

.fixed-nav ul li a {
    display: block;
}

.fixed-nav ul li a .icons {}

.fixed-nav ul li a .icons img {
    display: block;
    margin: 0 auto;
    opacity: 0;
    display: none;
}

.fixed-nav ul li a p {
    font-size: 0.14rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.14rem;
    letter-spacing: 0rem;
    color: #6180ad;
    margin-top: .1rem;
    text-align: center;
}

.fixed-nav ul li a .line {
    display: block;
    position: relative;
    width: 1px;
    height: 0.23rem;
    background-color: #becfe8;
    margin: 0.1rem auto;
}

.fixed-nav ul li a .line::before {
    content: "";
    position: absolute;
    left: .06rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 0.11rem;
    background-color: #becfe8;
}

.fixed-nav ul li a .line::after {
    content: "";
    position: absolute;
    right: .06rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 0.11rem;
    background-color: #becfe8;
}

.fixed-nav ul li a b {
    display: block;
    width: 0.09rem;
    height: 0.09rem;
    border: solid 0.01rem #becfe8;
    margin: 0 auto;
    border-radius: 50%;
}

.fixed-nav ul li:last-child a .line {
    display: none;
}

.fixed-nav ul li:last-child a b {
    display: none;
}

.fixed-nav ul li.active {}

.fixed-nav ul li.active a .icons img {
    display: block;
    opacity: 1;
}

.fixed-nav ul li.active a p {
    /* color: #000000; */
    font-weight: 600;
}

/* .fixed-nav.w .fixed-nav ul li a p{color: #88b0ea;}
.fixed-nav.w .fixed-nav ul li a .line{background: #becfe8;}
.fixed-nav.w .fixed-nav ul li a .line::before{background: #becfe8;}
.fixed-nav.w .fixed-nav ul li a .line::after{background: #becfe8;}
.fixed-nav.w .fixed-nav ul li a b{border-color: #becfe8;}
.fixed-nav.w ul li.active a p{color: #fff;} */


@media screen and (min-width: 1025px) {

    .s5 .itit-text {
        align-items: flex-start;
    }

    .s5 .itit-text h3 {
        position: relative;
        width: auto;
    }

    .s5 .itit-text h3:after {
        position: absolute;
        left: 100%;
        bottom: 50%;
        margin-left: .12rem;
        background: url(../images/s5-titline.png) no-repeat;
        background-position: center center;
        background-size: 100% 100%;
        width: 14.80rem;
        height: 0.42rem;
    }

    .s5 .itit-more {
        bottom: .47rem;
    }

    .s3-r ul {
        position: relative;
        height: 7.2rem;
    }

    .s3-r ul li {
        position: absolute;

    }

    .s3-r ul li:nth-child(1) {
        right: 1.4rem;
        bottom: .2rem;
    }

    .s3-r ul li:nth-child(2) {
        left: 2.96rem;
        top: 1.92rem;
    }

    .s3-r ul li:nth-child(3) {
        left: 0;
        bottom: 0.5rem;
    }

    .s3-r ul li:nth-child(4) {
        right: 0.2rem;
        top: 0.4rem;
    }

    .s2 .itit .itit-text {
        width: auto;
        margin-right: .25rem;
    }

    .s2 .itit .itit-text h2 {
        padding-right: 1.05rem;
    }

    .s2 .itit .itit-more {
        bottom: .18rem;
    }

    .s2 .itit .itit-more a {}

    .s2 .itit .itit-more a::before {
        bottom: auto;
        top: 0;
        background: url(../images/itit-more-bg2.png) no-repeat;
        background-position: center center;
        background-size: 100% 100%;
    }

    .itit-more a:hover, .s1-l .slick ul li a:hover .info .text h3 {
        color: #10389f;
    }

    .s1-r ul li:hover::before {
        opacity: 1;
    }

    .s1-r ul li:hover a::before {
        opacity: 0;
    }

    .s1-r ul li:hover a::after {
        opacity: 0;
    }

    .s1-r ul li:hover a {
        border-color: transparent;
    }

    .s1-r ul li:hover a .date {
        background: transparent;
    }

    .s1-r ul li:hover a .date b, .s2-list li:hover a p b, .s2-list li:hover a p span {
        background: linear-gradient(90deg, #fff5e1 0%, #f8ebd0 57%, #ffcd9a 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }

    .s2-list li:hover a p span {
        /* background: none; */
    }

    .s1-r ul li:hover a .text p {
        color: #ffffff;
    }

    .s1-r ul li:hover a>h4 {
        opacity: 1;
    }

    .s1-r ul li:hover a>h6 {
        opacity: 0;
    }

    .s1-r ul li:hover+li a>h6 {
        /* opacity: 0; */
    }

    .s1-r ul li:hover+li::before {
        opacity: 0;
    }

    .s1-r ul li:hover+li a {
        border-top-color: transparent;
    }

    .s1-r ul li:hover+li a::before {
        opacity: 0;
    }

    .s1-r ul li:hover+li a::after {
        opacity: 0;
    }

    .s2-list li:hover::before {
        opacity: 1;
    }

    .s2-list li:hover::after {
        opacity: 0;
    }

    .s2-list li:hover a h3 {
        color: #ffffff;
    }

    .s3:hover .jiaol, .s3:hover .jiaor {
        opacity: 1;
    }

    .s3-arr div.prev:hover {
        background: #fff url(../images/icon-prev-fj-b.png) no-repeat;
        background-position: center center;
        background-size: .22rem auto;
    }

    .s3-arr div.next:hover {
        background: #fff url(../images/icon-next-fj-b.png) no-repeat;
        background-position: center center;
        background-size: .22rem auto;
    }

    .s3-r ul li a:hover .zs {
        opacity: 1;
    }

    .s3-r ul li a:hover {
        transform: scale(1.1);
    }

    .s5-arr div.prev:hover {
        background: #206ed8 url(../images/icon-prev-fj-w.png) no-repeat;
        background-position: center center;
        background-size: .22rem auto;
    }

    .s5-arr div.next:hover {
        background: #206ed8 url(../images/icon-next-fj-w.png) no-repeat;
        background-position: center center;
        background-size: .22rem auto;
    }

    .s5-r .swiper-slide a:hover .info {
        background: rgba(9, 89, 198, .9);
    }

    .s5-r .swiper-slide a:hover .info h3 {
        color: #fff;
    }

    .s5-r .swiper-slide a:hover .info span {}

    .s5-r .swiper-slide a:hover .info span::before {
        background-image: linear-gradient(90deg,
                rgba(232, 183, 114, 1) 0%,
                rgba(255, 243, 225, 1) 50%,
                #f3b16e 100%);
        opacity: 0.8;
    }

    .s5-r .swiper-slide a:hover .info span::after {
        background: url(../images/s5-rfj2.png) no-repeat;
        background-position: center center;
        background-size: 100% 100%;
    }

    .s5-r .swiper-slide a:hover .info p {
        color: #ffffff;
    }



    .s3-r ul li {
        opacity: 0;
    }

    .s3-r ul li:nth-child(1) {
        transform: translateX(-1rem) translateY(.1rem);
    }

    .s3-r ul li:nth-child(2) {
        transform: translateX(-1.3rem) translateY(.3rem);
    }

    .s3-r ul li:nth-child(3) {
        transform: translateX(-1.5rem) translateY(1rem);
    }

    .s3-r ul li:nth-child(4) {
        transform: translateX(-1rem) translateY(0);
    }

    .s3-r .swiper-slide-active ul li {
        opacity: 1;
        transform: none;
        transition: all 1.2s;
    }

    .s3-r .swiper-slide-active ul li:nth-child(1) {}

    .s3-r .swiper-slide-active ul li:nth-child(2) {
        transition-delay: .3s;
    }

    .s3-r .swiper-slide-active ul li:nth-child(3) {
        transition-delay: .6s;
    }

    .s3-r .swiper-slide-active ul li:nth-child(4) {
        transition-delay: .5s;
    }















}

@media screen and (max-width: 1024px) {
    .s3-dq>img{width: 1.2rem;}
    .fixed-nav {
        display: none;
    }

    .banner .slick-dots {
        bottom: .4rem;
        left: 0;
        right: 0;
        justify-content: center;
    }

    .banner .slick-slide a::after {
        height: .7rem;
    }

    .banner .slick-slide a img {
        height: auto !important;
    }



    .banner-down {
        display: none;
    }

    .index {
        position: static;
        padding-top: 0;
        overflow: hidden;
    }

    .itit-text h2 {
        font-size: .26rem;
        line-height: .4rem;
    }

    .s1-l .slick ul li a .info {
        padding-top: .15rem;
    }

    .s1-l .slick ul li a .info .text p {
        margin-top: .1rem;
    }

    .s1-r ul li {
        padding: 0;
    }

    .s1-r ul li a {
        padding: .15rem 0;
    }

    .s1-r ul li a::before, .s1-r ul li a::after {
        transform: translateY(-50%);
    }

    .s1-r ul li a .info .text {
        margin-top: .1rem;
    }

    .s2 .itit {
        flex-wrap: wrap;
    }

    .s2 .itit .itit-text {
        width: 100%;
    }

    .s2-tit {
        width: 100%;
        margin-top: .3rem;
        flex: none;
        margin-bottom: 0;
    }

    .s2-tit::before {
        display: none;
    }

    .s2-tit ul:before, .s2-tit ul li a::before {
        transform: none;
        margin-right: 0;
    }

    .s2 .itit .itit-more {
        bottom: auto;
        top: -.0rem;
    }

    .s2-tit ul:after {
        opacity: 0;
    }

    .s2-tit ul li {
        flex: 1;
        min-width: 0;
    }

    .s2-tit ul li a {
        justify-content: center;
        padding: .1rem;
    }

    .s2-tit ul li a::after {
        transform: translateY(-50%);
    }

    .s2-tit ul li:last-child a::after {
        display: none;
    }

    .s2-list {
        margin: 0 -.05rem;
    }

    .s2-list li {
        width: 50%;
        margin-top: .1rem;
    }

    .s2-list li a {
        padding: .15rem;
        margin: 0 .05rem;
    }

    .s2-list li a h3 {
        font-size: .18rem;
        -webkit-line-clamp: 2;
        height: .54rem;
        margin-top: .1rem;
    }

    .s2-list li::after {
        left: .05rem;
        right: .05rem;
    }

    .s3-dq {}

    .s3-dq>div {
        width: 0.75rem;
        height: 0.75rem;
        margin-bottom: -.08rem;
    }

    .s3-lcont .info h3, .s5-l h3 {
        font-size: .2rem;
        text-align: center;
    }

    .s3-lcont .info h4, .s5-l h4 {
        text-align: center;
        margin-top: 0;
        line-height: .2rem;
    }

    .s3-lcont .info p, .s5-l div p {
        text-align: center;
        margin-top: .15rem;
    }

    .s3-l .itit-text {
        align-items: center;
    }

    .s3-l .itit-text h3::after {
        display: none;
    }

    .s3-l .itit-text h3 {
        justify-content: center;
    }

    .s3-r .swiper-slide ul {
        display: flex;
        flex-wrap: wrap;
    }

    .s3-r .swiper-slide ul li {
        width: 50%;
    }

    .s3-r .swiper-slide ul li:nth-child(-n+2) {
        margin-bottom: .3rem;
    }

    .s3-r ul li a>div.con {
        margin: 0 auto;
        width: 1.3rem;
        height: 1.3rem;
    }

    .s3-r ul li a .icons img {
        max-height: .2rem;
    }

    .s3-r ul li a p {
        font-size: .14rem;
    }

    .s3-b {
        margin-top: .3rem;
        display: none;
    }

    .s3-b .swiper-pagination {
        flex: 1;
        min-width: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .s3-b .swiper-scrollbar {
        width: auto;
        left: .3rem;
    }

    .s3-b .swiper-pagination span:nth-child(1) {
        margin-right: 0;
    }

    .s3-box {
        clip-path: polygon(0 0, calc(50% - .7rem) 0, calc(50% - .42rem) .13rem, calc(50% + .42rem) .13rem, calc(50% + .7rem) 0, 100% 0, 100% 100%, calc(100% - .36rem) 100%, calc(100% - .5rem) calc(100% - .1rem), .5rem calc(100% - .1rem), .36rem 100%, 0 100%);
    }

    .s3 .jiaol {
        opacity: 1;
    }

    .s3 .jiaol::before {
        width: .2rem;
        height: 0.2rem;
        left: .1rem;
        top: 0.1rem;
    }

    .s3 .jiaol::after {
        width: .2rem;
        height: 0.2rem;
        left: .1rem;
        bottom: 0.1rem;
    }

    .s3 .jiaor {
        opacity: 1;
    }

    .s3 .jiaor::before {
        width: .2rem;
        height: 0.2rem;
        right: .1rem;
        top: 0.1rem;
    }

    .s3 .jiaor::after {
        width: .2rem;
        height: 0.2rem;
        right: .1rem;
        bottom: 0.1rem;
    }

    .s4-c ul {
        clip-path: polygon(.15rem 0, calc(100% - .15rem) 0, 100% .15rem, 100% calc(100% - .15rem), calc(100% - .15rem) 100%, .15rem 100%, 0 calc(100% - .15rem), 0 .15rem);
    }

    .s4-c ul li a h3 {
        font-size: .2rem;
        line-height: .2rem;
    }

    .s4-c ul li a .info {
        padding: 0 .15rem;
    }

    .s4-c ul li a .pic {
        padding-top: 1.2rem;
    }

    .s2-tit ul li a .icons {
        width: .3rem;
        height: 0.3rem;
    }

    .s5-l div {
        margin-top: 0;
    }

    .s5-r .swiper-slide a .info {
        left: .1rem;
        right: 0.1rem;
        bottom: 0.1rem;
        padding: .05rem 0;
        clip-path: polygon(0 0, calc(100% - .2rem) 0, 100% .2rem, 100% 100%, 0 100%);
    }

    .s5-btmjz {
        left: 0;
        right: 0;
    }

    .s5-btmjz img {
        width: 100%;
    }

    .s5-arr {
        position: static;
        margin-top: .3rem;
        justify-content: center;
    }

    .s6-l {
        width: auto;
        margin-right: 0;
        margin-bottom: .1rem;
    }

    .s6-lt a .info {
        padding: .15rem;
    }

    .s6-lt a::before {
        background-size: .35rem;
    }

    .s6-rt ul li a .info {
        padding: .1rem;
    }

    .s2-tit ul li a span {
        font-size: .18rem;
    }

    .s3 {
        margin-top: -.2rem;
    }

    .s3-lcont .info {
        margin-top: .2rem;
    }







    .s1-c, .s3-c, .s5-c, .s6-c {
        display: block;
    }

    .s1-l, .s3-l, .s5-l {
        width: auto;
        margin-right: 0;
        margin-bottom: .3rem;
    }

    .s6-lb ul li a div h3 {
        font-size: .2rem;
    }

    .s1-l .slick ul li a .info .text h3, .s1-r ul li a .info .text p, .s5-r .swiper-slide a .info h3, .s6-lt a .info h3 {
        font-size: .18rem;
    }

    .s1-l .slick ul li a .info .text p {
        font-size: .16rem;
    }

    .s1-r ul li a .info .date b, .s5-r .swiper-slide a .info div p {
        font-size: .14rem;
    }



    .banner .slick {
        clip-path: none;
    }

    .s1, .s3-box {
        padding: .5rem 0;
    }

    .s2 {
        padding-top: 0;
        padding-bottom: 1rem;
    }

    .s1-c {
        margin-top: .35rem;
    }

    .s2 .tab-bd {
        margin-top: .3rem;
    }

    .s5-l {
        padding-top: .35rem;
    }

    .s5 {
        padding-top: .5rem;
        padding-bottom: 15%;
    }

    .s6 {
        padding-top: .5rem;
        padding-bottom: .8rem;
    }

}

@media screen and (max-width: 768px) {

    .banner .slick-dots {
        bottom: .31rem;
        left: 0;
        right: 0;
        justify-content: center;
    }
}

@media screen and (max-width: 480px) {
    .s4-c ul, .s6-lb ul {
        display: block;
    }

    .s4-c ul li, .s6-lb ul li {
        width: auto;
    }

    .s6-lb ul li .pic {
        padding-top: 1.2rem;
    }

    .s2-tit ul li a {
        flex-direction: column;
    }

    .s2-list li a p {
        flex-direction: column;
        align-items: flex-start;
    }

    .s2-list li a p span {
        width: 100%;
        padding-left: .1rem;
        margin-top: .05rem;
    }

}



@media screen and(-ms-high-contrast:active), (-ms-high-contrast:none) {
    .itit-text h2 {
        background: none;
        color: #0032D3;
    }

    .itit-text h3 {
        background: none;
        color: rgba(86, 135, 255, 0.7);
    }

    .s2-list li:hover a span, .s4-c ul li a p, .s1-r ul li:hover a .date b, .s2-list li:hover a p b, .s2-list li:hover a p span  ,.s6-lb ul li a div p{
        background: none;
        color: #ffcd9a;
    }

    .s3-lcont .info h4, .s5-l h4 {
        background: none;
        ;
        color: #fcba5b;
    }

    .s1-r ul li a>h4 b {
        color: #fff;
    }

    .s1-l .slick ul li a .pics p {
        opacity: 0;
    }

    .s6-rb a .typetit,.s6-lt a .typetit{
        background: #fff;
        padding: .1rem;
    }
}








/* 2026年6月2日10:37:53 */
.s6 {
    padding-bottom: .8rem;
}

.s6::before {
    bottom: -3.5rem;
    background: url(../images/s6-bg2.png) no-repeat;
    height: 9.47rem;
    background-size: cover;
    background-position: center bottom;
}

.s7 {
    padding-bottom: 1.25rem;
    position: relative;
    z-index: 2;
}

.s7-c>ul {

    margin: 0 -.45rem;
}

.s7-c>ul .slick-list {
    overflow: visible;
}

.s7-c>ul .slick-slide {
    display: flex !important;
    justify-content: space-between;
}

.s7-c>ul .slick-slide>div {
    flex: 1;
    min-width: 0;
}

.s7-c>ul .slick-slide li {
    padding: 0 .45rem;
    position: relative;
}

.s7-c>ul .slick-slide li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateX(-50%);
    z-index: -2;
    pointer-events: none;
    transition: all .5s;
    width: .45rem;
    height: 1px;
    background-color: #becfe8;
}

.s7-c>ul .slick-slide>div:nth-child(1) li::before {
    display: none;
}

.s7-c>ul .slick-slide li a {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 100%;
}

.s7-c>ul .slick-slide li a::before {
    content: "";
    position: absolute;
    left: -.14rem;
    top: -.14rem;
    right: -.14rem;
    bottom: -.14rem;
    z-index: -2;
    pointer-events: none;
    transition: all .5s .1s;
    background-color: rgba(106, 159, 234, .36);
    border: dashed 1px #7dadf4;
    border-radius: 50%;
    opacity: 0;
    transform: scale(0.5);
}

.s7-c>ul .slick-slide li a::after {
    content: "";
    position: absolute;
    left: -.28rem;
    top: -.28rem;
    right: -.28rem;
    bottom: -.28rem;
    z-index: -2;
    pointer-events: none;
    transition: all .5s;
    background-color: rgba(158, 194, 248, .15);
    border-radius: 50%;
    opacity: 0;
    transform: scale(0.5);
}

.s7-c>ul .slick-slide li a>div {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: rgba(36, 111, 218, .02);
    border: dashed 1px rgba(99, 155, 241, .2);
    border-radius: 50%;
    z-index: 1;
    transition: all .5s;
}

.s7-c>ul .slick-slide li a>div::before {
    content: "";
    position: absolute;
}

.s7-c>ul .slick-slide li a>div::after {
    content: "";
    position: absolute;
}

.s7-c>ul .slick-slide li a .icons {
    height: 0.39rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.s7-c>ul .slick-slide li a .icons img {
    max-height: 100%;
    transition: all .5s;
    opacity: 1;
}

.s7-c>ul .slick-slide li a .icons img:nth-child(2) {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    opacity: 0;
}

.s7-c>ul .slick-slide li a p {
    font-size: 0.18rem;
    font-weight: normal;
    line-height: 0.2rem;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: normal;
    color: #222222;
    /* overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;*/
    text-align: center; 
    width: 100%;
    margin-top: .1rem;
}

.s7-c>ul .slick-dots {
    position: static;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: .48rem;
}

.s7-c>ul .slick-dots li {
    width: 0.1rem;
    height: 0.11rem;
    background-color: #becfe8;
    transition: all .5s;
    margin: 0 .1rem;
}

.s7-c>ul .slick-dots li.slick-active {
    background-color: #0653ca;
}

@media screen and (min-width:1025px) {
    .s7-c>ul .slick-slide li a:hover::before {
        opacity: 1;
        transform: scale(1);
    }

    .s7-c>ul .slick-slide li a:hover::after {
        opacity: 1;
        transform: scale(1);
    }

    .s7-c>ul .slick-slide li a:hover>div {
        background-color: #246fda;
        border: solid 1px #639bf1;
    }

    .s7-c>ul .slick-slide li a:hover .icons img {
        opacity: 0;
    }

    .s7-c>ul .slick-slide li a:hover .icons img:nth-child(2) {
        opacity: 1;
    }

    .s7-c>ul .slick-slide li a:hover p {
        color: #fff;
    }

}
@media screen and (max-width:1024px){
    .s7-c>ul .slick-slide li a .icons{
        height: .3rem;
    }
    .s7-c>ul .slick-slide li a p{
        font-size: .16rem;
    }
    .s6{
        padding-bottom: .5rem;
    }
    .s7{
        padding-bottom: .8rem;
    }
    .s7-c>ul .slick-dots{
        margin-top: .25rem;
    }
}

@media screen and (max-width:768px) {
    .s7-c>ul{
        margin: 0 -.15rem;
    }
    .s7-c>ul .slick-slide li {
        padding: 0 .15rem;
    }
    .s7-c>ul .slick-slide li::before{
        width: 0.25rem;
    }
}