@charset "utf-8";

@font-face {
    font-family: "syh-b";
    src: url(./font/SourceHanSansCN-Bold.otf);
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "syh-r";
    src: url(./font/SourceHanSansCN-Regular.otf);
    font-weight: normal;
    font-style: normal
}

.banner-box {
    position: relative
}

.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: url() no-repeat;
    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: url() no-repeat;
    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;
    width: 100%;
    overflow: hidden
}

.banner a {
    display: block
}

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

.banner .slick {
    position: relative;
    z-index: 9
}

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

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

.banner .slick-slide a>img, .banner .slick-slide a>video {
    display: block;
    width: 100%;
    object-fit: cover
}

.banner .slick-slide a div {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.banner .slick-slide a div img {
    display: block;
    max-width: 70%;
    max-height: 1.83rem;
    transition: all 1s;
    transform: scale(0);
    opacity: 0
}

.banner .slick-slide a div img.on {
    opacity: 1;
    transform: scale(1)
}

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

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

    50% {
        transform: scale(1.05)
    }

    100% {
        transform: scale(1)
    }
}

.b-dot {
    position: absolute;
    right: 0;
    bottom: 0.28rem;
    z-index: 9;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4rem
}

.b-dot>div {
    width: 0.08rem;
    height: 0.24rem;
    background: rgba(255, 255, 255, .5);
    margin: 0 0.06rem;
    cursor: no-drop
}

.banner .slick-dots {
    position: static;
    font-size: 0;
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: auto
}

.banner .slick-dots {
    display: flex;
    align-items: center;
    justify-content: center
}

.banner .slick-dots li {
    width: 0.23rem;
    height: 0.24rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.banner .slick-dots li button {
    display: none
}

.banner .slick-dots li::before {
    content: "";
    display: block;
    width: 0.05rem;
    height: 0.05rem;
    background-color: #ffffff;
    border-radius: 50%;
    z-index: 1;
    transition: all .5s
}

.banner .slick-dots li::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url() no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    opacity: 0;
    transform: scale(0);
    transition: all .5s;
    z-index: 2
}

.banner .slick-dots li.slick-active {
    margin: 0 .05rem
}

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

.banner .banner-prev {
    position: absolute;
    left: 0;
    width: 10%;
    top: 0;
    bottom: 0;
    transition: all .6s;
    cursor: pointer;
    z-index: 9;
    background: linear-gradient(to right, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0) 100%);
    opacity: 0
}

.banner .banner-next {
    position: absolute;
    right: 0;
    width: 10%;
    top: 0;
    bottom: 0;
    transition: all .6s;
    cursor: pointer;
    z-index: 9;
    background: linear-gradient(to left, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0) 100%);
    opacity: 0
}

.banner .banner-prev span {
    position: absolute;
    left: 50%;
    top: 47%;
    transform: translate(-50%, -50%);
    width: 1.27rem;
    height: 1.52rem;
    background: url(../images/prev.png) no-repeat center center;
    background-size: .6rem auto;
    opacity: 0;
    z-index: -1;
    cursor: pointer;
    transition: .6s
}

.banner .banner-next span {
    position: absolute;
    left: 50%;
    top: 47%;
    transform: translate(-50%, -50%);
    width: 1.27rem;
    height: 1.52rem;
    background: url(../images/next.png) no-repeat center center;
    background-size: .6rem auto;
    opacity: 0;
    z-index: -1;
    cursor: pointer;
    transition: .6s
}

.banner:hover .banner-prev {
    opacity: 1
}

.banner:hover .banner-next {
    opacity: 1
}

.banner:hover .banner-prev span {
    opacity: .4;
    z-index: 9
}

.banner:hover .banner-next span {
    opacity: .4;
    z-index: 9
}

.banner .banner-prev span:hover {
    opacity: 1;
    z-index: 9
}

.banner .banner-next span:hover {
    opacity: 1;
    z-index: 9
}

.index {
    z-index: 99;
    overflow: hidden;
    font-size: 0;
    overflow: hidden;
    z-index: 99;
    background: #fff
}

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

.tit h2 {
    font-size: 0.5rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.5rem;
    letter-spacing: 0rem;
    color: #000a1b
}

.tit>a {
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 0.42rem;
    color: #000a1b;
    background: rgba(255, 255, 255, .9);
    border-radius: 0.22rem;
    border: solid 0.01rem #c5c8cd;
    text-align: center;
    padding: 0 .3rem;
    transition: all .5s
}

.s1 {
    position: relative;
    padding-top: 1.35rem
}

.s1::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/s1-bg.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    width: 13.26rem;
    height: 12.07rem;
    z-index: 0;
    pointer-events: none
}

.s1-c {
    display: flex
}

.s1-l {
    width: 7.1rem;
    margin-right: .7rem
}

.s1-ldes h3 {
    font-size: 0.5rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.52rem;
    letter-spacing: 0px;
    color: #222222
}

.s1-ldes h4 {
    font-size: 0.24rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.38rem;
    letter-spacing: 0rem;
    color: #150a2e;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    /* height: 1.14rem; */
    margin-top: .57rem;
    margin-bottom: .18rem
}

.s1-ldes p {
    font-size: 0.16rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.26rem;
    letter-spacing: 0rem;
    color: #150a2e;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    /* height: .52rem; */
    font-family: HarmonyOS_Sans_SC_Light
}

.s1-data {
    margin-right: -3.1rem;
    margin-top: 0.74rem;
    position: relative;
    z-index: 9999999;
}

.s1-data ul {
    margin: 0 -.45rem;
    display: flex;
    flex-wrap: wrap
}

.s1-data ul li {
    width: 33.33%
}

.s1-data ul li:nth-child(2) {
    margin-right: 33%
}

.s1-data ul li:nth-child(2)~li {
    margin-top: .95rem
}

.s1-data ul li a {
    display: flex;
    align-items: flex-end;
    margin: 0 .45rem;
    position: relative
}

.s1-data ul li a::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: #222222;
    z-index: 1
}

.s1-data ul li a::after {
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    bottom: 0;
    height: 1px;
    background: #1074f0;
    z-index: 2;
    transition: all 1s
}

.s1-data ul li a div {
    display: flex;
    align-items: flex-start
}

.s1-data ul li a div b {
    font-family: AvantGardeITCbyBT-Book;
    font-size: 0.63rem;
    font-weight: bold;
    font-stretch: normal;
    line-height: 0.65rem;
    letter-spacing: -0.02rem;
    color: #0A62C4;
    background-image: linear-gradient(100deg, #5a9cee 30%, #1074f0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text
}

.s1-data ul li a div span {
    font-family: HarmonyOS_Sans_SC_Light;
    font-size: 0.14rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.2rem;
    letter-spacing: 0rem;
    color: #000000;
    opacity: 0.7;
    margin-left: 0.05rem
}

.s1-data ul li a p {
    font-family: HarmonyOS_Sans_SC_Medium;
    font-size: 0.18rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.36rem;
    letter-spacing: 0rem;
    color: #150a2e;
    text-align: right;
    flex: 1;
    min-width: 0
}

.s1-r {
    flex: 1;
    min-width: 0;
    pointer-events: auto !important
}

.s1-r ul {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    position: relative
}

.s1-r ul li {
    position: absolute;
    z-index: 1;
    width: 3.48rem;
    box-shadow: 0 0 .5rem rgba(255, 255, 255, 1);
    border-radius: 50%;
    animation: _circles 7s linear infinite
}

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

.s1-r ul li:nth-child(1) {
    top: 1rem;
    left: 0
}

.s1-r ul li:nth-child(2) {
    top: -.53rem;
    right: 0.4rem;
    animation-delay: -2.5s;
    width: 2.7rem
}

.s1-r ul li:nth-child(3) {
    top: 3rem;
    right: .5rem;
    animation-delay: -5s;
    width: 3rem
}

@keyframes _circles {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(0.9)
    }

    100% {
        transform: scale(1)
    }
}

.s1-r ul li a {
    display: block;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    /* filter: blur(0.025rem);*/
    transition: all .7s
}

.s1-r ul li a .pic {
    border-radius: 50%;
    padding-top: 100%
}

.s1-r ul li a .info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    padding: 0 .1rem .2rem .1rem;
    text-align: center;
    z-index: 9;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center
}

.s1-r ul li a .info::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    pointer-events: none;
    background-image: linear-gradient(180deg, rgba(16, 159, 241, 0) 0% 50%, rgba(28, 95, 185, 1) 100%)
}

.s1-r ul li:nth-child(2) a .info::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    pointer-events: none;
    background-image: linear-gradient(180deg, rgba(213, 240, 255, 0) 0% 50%, #01c498 100%)
}

.s1-r ul li:nth-child(3) a .info::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    pointer-events: none;
    background-image: linear-gradient(180deg, rgba(222, 212, 253, 0) 0% 50%, #f7cf8c 100%)
}

.s1-r ul li a .info h3 {
    font-size: 0.29rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.3rem;
    letter-spacing: 0rem;
    color: #ffffff
}

.s1-r ul li a .info p {
    font-family: HarmonyOS_Sans_SC_Light;
    font-size: 0.16rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.3rem;
    letter-spacing: 0rem;
    color: #ffffff
}

.s2 {
    padding-top: 1.4rem;
    position: relative;
    z-index: 2
}

.s2-c {
    display: flex;
    margin-top: .55rem
}

.s2-l {
    width: 9.5rem;
    margin-right: .52rem
}

.s2-l .slick {
    border-radius: 0.1rem;
    overflow: hidden
}

.s2-l .slick a {
    display: block;
    position: relative
}

.s2-l .slick a .pic {
    padding-top: 58%
}

.s2-l .slick a .pic::after {
    content: "";
    position: absolute;
    left: 0;
    height: 60%;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 10, 27, 0) 0%, rgba(0, 10, 27, .6) 100%)
}

.s2-l .slick a .info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    padding: .42rem .3rem
}

.s2-l .slick a .info span {
    display: block;
    font-size: 0.16rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.3rem;
    letter-spacing: 0rem;
    color: #ffffff;
    font-family: AvantGardeITCbyBT-Book
}

.s2-l .slick a .info h3 {
    font-size: 0.3rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.4rem;
    letter-spacing: 0rem;
    color: #ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 0.05rem
}

.s2-l ul {
    display: flex;
    justify-content: space-between;
    margin: 0 -.19rem;
    margin-top: .65rem
}

.s2-l ul li {
    width: 50%
}

.s2-l ul li a {
    display: block;
    margin: 0 .19rem;
    position: relative;
    padding-bottom: .18rem
}

.s2-l ul li a::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: #000a1b;
    z-index: 1
}

.s2-l ul li a::after {
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    transition: all 0.5s;
    bottom: 0;
    height: 1px;
    background: #1074f0;
    z-index: 2
}

.s2-l ul li a h3 {
    font-size: 0.22rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.3rem;
    letter-spacing: 0rem;
    color: #000f28;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: .6rem
}

.s2-l ul li a span {
    display: block;
    font-size: 0.16rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.3rem;
    letter-spacing: 0rem;
    color: #1074f0;
    font-family: AvantGardeITCbyBT-Book;
    margin-top: .22rem
}

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

.s2-ritem1 a {
    display: block;
    background-image: linear-gradient(90deg, #fafafa 0%, #f5f8fb 100%);
    border-radius: 0.1rem;
    overflow: hidden
}

.s2-ritem1 a .pic {
    padding-top: 53%;
    border-radius: 0.1rem
}

.s2-ritem1 a .info {
    padding: .23rem .24rem .17rem .24rem
}

.s2-ritem1 a .info h3 {
    font-size: 0.22rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.3rem;
    letter-spacing: 0rem;
    color: #222222;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: .6rem
}

.s2-ritem1 a .info span {
    display: block;
    font-size: 0.16rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.3rem;
    letter-spacing: 0rem;
    color: #1074f0;
    margin-top: .13rem
}

.s2-ritem2 {
    margin-top: .35rem
}

.s2-ritem2 a {
    display: block;
    border-radius: 0.1rem;
    overflow: hidden;
    position: relative
}

.s2-ritem2 a .pic {
    padding-top: 59.8%
}

.s2-ritem2 a .pic::after {
    content: "";
    content: "";
    position: absolute;
    left: 0;
    height: 60%;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 10, 27, 0) 0%, rgba(0, 10, 27, .6) 100%)
}

.s2-ritem2 a .info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: .35rem .3rem
}

.s2-ritem2 a .info h3 {
    font-size: 0.22rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.3rem;
    letter-spacing: 0rem;
    color: #ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 0.04rem
}

.s2-ritem2 a .info span {
    display: block;
    font-size: 0.16rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.3rem;
    letter-spacing: 0rem;
    color: #ffffff
}

.s3 {
    padding-top: .95rem;
    position: relative;
    z-index: 1
}

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

.s3-c {
    margin-top: .8rem
}

.s3-c .swiper-container {
    overflow: visible
}

.s3-c .swiper-container .swiper-slide {
    opacity: 0;
    transition: all .5s
}

.s3-c .swiper-container .swiper-slide.swiper-slide-active {
    opacity: 1
}

.s3-c .swiper-container .swiper-slide.swiper-slide-active+.swiper-slide {
    opacity: 1
}

.s3-c .swiper-container .swiper-slide.swiper-slide-active+.swiper-slide+.swiper-slide {
    opacity: 1
}

.s3-c a {
    display: block;
    position: relative;
    z-index: 1;
    border: solid 1px #f4f9ff;
    border-radius: 0.1rem;
    overflow: hidden;
    padding: .45rem .55rem .3rem .55rem;
    box-shadow: -0.11rem 0.04rem 0.19rem 0.02rem rgba(6, 84, 191, 0.05)
}

.s3-c a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transition: all .5s;
    background: url(../images/s3-itembg1.png) no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: -1
}

.s3-c a::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transition: all .8s;
    background: url(../images/s3-itembg2.png) no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: -2;
    opacity: 0
}

.s3-prev {
    width: 0.53rem;
    height: 0.53rem;
    border-radius: 0.26rem;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9;
    cursor: pointer;
    background: #ffffff url(../images/icon-prev.png) no-repeat;
    background-position: center center;
    background-size: 0.08rem auto;
    transition: all .5s
}

.s3-next {
    width: 0.53rem;
    height: 0.53rem;
    border-radius: 0.26rem;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateX(50%) translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9;
    cursor: pointer;
    background: #ffffff url(../images/icon-right.png) no-repeat;
    background-position: center center;
    background-size: 0.08rem auto;
    transition: all .5s
}

.s3-c a div {
    display: flex;
    align-items: flex-end;
    font-family: HarmonyOS_Sans_SC_Bold;
    font-size: 0.3rem;
    line-height: .3rem;
    font-weight: normal;
    color: #1074f0
}

.s3-c a div i {
    font-style: normal;
    font-size: .2rem;
    line-height: .2rem
}

.s3-c a h3 {
    font-size: 0.22rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.3rem;
    letter-spacing: 0rem;
    color: #222222;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: .6rem;
    margin-top: .26rem;
    margin-bottom: .23rem
}

.s3-c a p {
    position: relative;
    display: flex;
    justify-content: flex-end;
    transition: all .5s
}

.s3-c a p::after {
    content: "";
    display: block;
    width: 0.38rem;
    height: 0.38rem;
    border-radius: 50%;
    overflow: hidden;
    background: url(../images/pubmore.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    opacity: 0;
    transition: all .5s;
}

.s4 {
    margin-top: 1.05rem;
    position: relative;
    z-index: 2
}

.s4-c {
    margin-top: 1.05rem
}

.s4-c ul {
    display: flex;
    justify-content: space-between;
    margin: 0 -0.04rem
}

.s4-c ul li {
    width: 2.65rem
}

.s4-c ul li a {
    display: block;
    position: relative;
    border-radius: 0.1rem;
    overflow: hidden;
    margin: 0 0.04rem
}

.s4-c ul li a .pic {
    padding-top: 5.55rem;
    border-radius: 0.1rem;
    background-color: #000a1b;
    overflow: hidden
}

.s4-c ul li a .pic div {
    opacity: .8;
    transition: all 0.5s
}

.s4-c ul li a .pic::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/s4-zzc.png) no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
    transform: translateY(100%);
    transition: all 0.5s
}

.s4-c ul li a .info-t {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 9
}

.s4-c ul li a .info-t {
    position: absolute;
    left: .22rem;
    top: .24rem;
    z-index: 9;
    transition: all 0.5s;
    display: flex;
    width: 48px;
    height: 48px;
    box-shadow: 0rem 0rem 0.12rem 0.01rem rgba(13, 81, 121, 0.39);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%
}

.s4-c ul li a .info-t::before {
    content: "";
    position: absolute;
    left: 1px;
    top: 1px;
    right: 1px;
    bottom: 1px;
    border-radius: 50%;
    border: solid 1px rgba(255, 255, 255, .5);
    z-index: 1
}

.s4-c ul li a .info-t b {
    display: block;
    font-size: 26px;
    font-weight: normal;
    line-height: 30px;
    color: #ffffff;
    font-family: HarmonyOS_Sans_SC_Medium
}

.s4-c ul li a .info-t h3 {
    font-family: SourceHanSansCN-Medium;
    font-size: 0.26rem;
    font-weight: normal;
    line-height: 0.25rem;
    color: #ffffff;
    margin-top: .1rem
}

.s4-c ul li a .info-t svg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    fill: transparent
}

.s4-c ul li a .info-t svg * {
    fill: none
}

.s4-c ul li a .info-t svg circle {
    stroke: #fff;
    stroke-width: 2px;
    stroke-dasharray: 138.66;
    stroke-dashoffset: 138.66;
    transform-origin: center;
    transform: rotate(-90deg)
}

.s4-c ul li.on a .info-t svg circle {
    transition: stroke-dashoffset 3s linear;
    stroke-dashoffset: 0
}

.s4-c ul li a .info-b {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    padding: .22rem .3rem;
    transform: translateY(100%);
    transition: all 0.5s;
    z-index: 9
}

.s4-c ul li a .info-b b {
    font-family: SourceHanSansCN-Bold;
    font-size: 0.32rem;
    font-weight: normal;
    line-height: 0.32rem;
    color: #fdbd07
}

.s4-c ul li a .info-b h3 {
    font-family: SourceHanSansCN-Bold;
    font-size: 0.32rem;
    font-weight: normal;
    line-height: 0.32rem;
    color: #ffffff;
    margin-top: .15rem
}

.s4-c ul li a .info-b h4 {
    font-family: SourceHanSansCN-Regular;
    font-size: 0.26rem;
    font-weight: normal;
    line-height: 0.3rem;
    color: #ffffff
}

.s4-c ul li a .info-b p {
    font-family: SourceHanSansCN-Regular;
    font-size: 0.15rem;
    font-weight: normal;
    line-height: 0.24rem;
    color: #ffffff;
    opacity: 0.8;
    margin-top: .12rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    max-height: .72rem
}

.s4-c ul li.on a .pic::after {
    transform: translateY(0)
}

.s4-c ul li.on a .pic div {
    opacity: 1
}

.s4-c ul li.on a .info-b {
    transform: translateY(0);
    transition-delay: .6s
}

.s5 {
    padding-top: .89rem;
    padding-bottom: 1.17rem;
    position: relative;
    z-index: 1
}

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

.s5-c {
    display: flex;
    margin-top: .38rem
}

.s5-l {
    width: 8.84rem;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 2
}

.s5-slick1 {
    width: 3rem;
    box-shadow: 0.01rem 0.09rem 0.49rem rgba(6, 84, 191, .1);
    border-radius: .1rem;
    overflow: hidden
}

.s5-slick2 {
    flex: 1;
    min-width: 0;
    margin-left: -.45rem;
    margin-right: -.45rem;
    position: relative;
    z-index: 2
}

.s5-slick2::before {
    content: "";
    position: absolute;
    left: -.26rem;
    top: -.23rem;
    right: 0.43rem;
    bottom: .96rem;
    border-radius: 0.1rem;
    border: solid 0.01rem #1074f0;
    z-index: -1
}

.s5-slick2>ul {
    border-radius: .15rem;
    overflow: hidden;
    box-shadow: 0.01rem 0.09rem 0.49rem rgba(6, 84, 191, .15)
}

.s5-prev {
    width: 0.53rem;
    height: 0.53rem;
    border-radius: 0.26rem;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9;
    cursor: pointer;
    background: #ffffff url(../images/icon-prev.png) no-repeat;
    background-position: center center;
    background-size: 0.08rem auto;
    transition: all .5s
}

.s5-next {
    width: 0.53rem;
    height: 0.53rem;
    border-radius: 0.26rem;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateX(50%) translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9;
    cursor: pointer;
    background: #ffffff url(../images/icon-right.png) no-repeat;
    background-position: center center;
    background-size: 0.08rem auto;
    transition: all .5s
}

.s5-slick3 {
    width: 3rem;
    box-shadow: 0.01rem 0.09rem 0.49rem rgba(6, 84, 191, .1);
    border-radius: .1rem;
    overflow: hidden
}

.s5-slick ul li a {
    display: block;
    background: #000
}

.s5-slick ul li a .pic {
    padding-top: 109%;
    opacity: .6
}

.s5-slick ul li a .info {
    background: #fff;
    padding: .2rem .35rem;
    min-height: 1.1rem
}

.s5-slick ul li a .info h3 {
    font-size: 0.24rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.4rem;
    letter-spacing: 0rem;
    color: #d8d8d8
}

.s5-slick ul li a .info p {
    font-size: 0.12rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.2rem;
    color: #d8d8d8
}

.s5-slick2 ul li a .pic {
    opacity: 1
}

.s5-slick2 ul li a .info {
    padding: .35rem .4rem
}

.s5-slick2 ul li a .info h3 {
    font-size: 0.3rem;
    line-height: .5rem;
    color: #111111
}

.s5-slick2 ul li a .info p {
    color: #ff9f00;
    font-size: .16rem;
    line-height: .34rem
}

.s5-r {
    flex: 1;
    min-width: 0;
    margin-left: -.42rem;
    position: relative;
    z-index: 1;
    background: url(../images/s5-rbg.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: .1rem;
    overflow: hidden;
    padding: 0 .85rem 0 1.15rem;
    box-shadow: 0.12rem 0.09rem 0.21rem rgba(6, 84, 191, .05);
    transition: all .5s
}

.s5-r ul li a {
    display: block;
    padding: .92rem 0 .56rem 0;
    height: 5.83rem;
    position: relative
}

.s5-r ul li a h3 {
    font-size: 0.3rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.47rem;
    color: #111111
}

.s5-r ul li a h4 {
    font-size: 0.2rem;
    font-weight: normal;
    color: #ff9f00;
    line-height: 0.47rem
}

.s5-r ul li a p {
    font-family: HarmonyOS_Sans_SC_Light;
    font-size: 0.16rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.28rem;
    letter-spacing: 0rem;
    color: #222222;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    height: 1.1rem;
    margin-top: .42rem
}

.s5-r ul li a div {
    position: absolute;
    left: 0;
    right: 0;
    bottom: .55rem;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 1.14rem
}

.s5-r ul li a div img {
    height: .79rem
}

.s5-r ul li a div::after {
    content: "";
    display: block;
    background: url(../images/pubmore.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    width: 0.6rem;
    height: 0.6rem
}

.s6 {
    background: url(../images/s6-bg.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
    padding-top: 1.22rem
}

.s6-c {
    position: relative
}

.s6-c .tit {
    position: absolute;
    left: 0;
    top: 0
}

.s6-c .tit h2 {
    color: #fff
}

.s6-map {
    position: relative;
    min-height: 6.85rem;
    z-index: 1;
    padding-right: 3.94rem
}

.s6-map::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    background: url(../images/s6-map.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    width: 17.19rem;
    height: 5.92rem;
    z-index: -1
}

.s6-map>div {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0;
    z-index: -9;
    transition: all .5s
}

.s6-map>div.on {
    position: relative;
    z-index: 9;
    opacity: 1
}

.s6-map>div ul {
    position: relative;
    padding-top: .93rem
}

.s6-map>div ul li {
    position: absolute;
    opacity: 0;
    transition: all .5s
}

.s6-map>div ul li.show {
    opacity: 1
}

.s6-map>div ul li.on {
    z-index: 9;
    transform: scale(1.15) !important
}

.s6-map>div ul li.on a {
    opacity: 1 !important;
    animation-play-state: paused;
    transform: scale(1) !important
}

.s6-map>div ul li a {
    display: block;
    padding: .15rem .2rem;
    background-color: #eaf1fa;
    box-shadow: 0.08rem 0.18rem 0.51rem 0rem rgba(0, 48, 116, 0.19);
    border-radius: 0.36rem;
    border: solid 0.01rem #fed796;
    animation: _itemscale infinite 5s linear;
    transition: all .5s
}

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

    50% {
        opacity: .1;
        transform: scale(0.8)
    }

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

.s6-map>div ul li a img {
    height: .45rem
}

.s6-map>div ul li:nth-child(16n+1) {
    left: 4.43rem;
    top: 1.83rem
}

.s6-map>div ul li:nth-child(16n+2) {
    left: 5.17rem;
    top: .93rem
}

.s6-map>div ul li:nth-child(16n+3) {
    left: 3.32rem;
    top: 2.67rem
}

.s6-map>div ul li:nth-child(16n+4) {
    left: 6.8rem;
    top: 1.2rem;
}

.s6-map>div ul li:nth-child(16n+5) {
    left: 5.74rem;
    top: 2.53rem
}

.s6-map>div ul li:nth-child(16n+6) {
    left: 7.43rem;
    top: 2rem
}

.s6-map>div ul li:nth-child(16n+7) {
    left: 3.32rem;
    top: 1.4rem
}

.s6-map>div ul li:nth-child(16n+8) {
    left: 0.32rem;
    top: 3.4rem;
}

.s6-map>div ul li:nth-child(16n+9) {
    left: 2.32rem;
    top: 3.4rem;
}

.s6-map>div ul li:nth-child(16n+10) {
    left: 7.92rem;
    top: 3.2rem;
}

.s6-map>div ul li:nth-child(16n+11) {
    left: 8.32rem;
    top: 4.4rem;
}

.s6-map>div ul li:nth-child(16n+12) {
    left: 8.32rem;
    top: 1.35rem;
}

.s6-map>div ul li:nth-child(16n+13) {
    left: 1.32rem;
    top: 4.4rem;
}

.s6-map>div ul li:nth-child(16n+14) {
    left: 8.32rem;
    top: 2.4rem;
}

.s6-map>div ul li:nth-child(16n+15) {
    left: 6.82rem;
    top: 3.9rem;
}

.s6-map>div ul li:nth-child(16n) {
    left: 1.7rem;
    top: 2.1rem;
}

.s6-map>div ul li:nth-child(8n+1) a {
    animation-delay: -.4s
}

.s6-map>div ul li:nth-child(8n+2) a {
    animation-delay: -2.6s
}

.s6-map>div ul li:nth-child(8n+3) a {
    animation-delay: -2.3s
}

.s6-map>div ul li:nth-child(8n+4) a {
    animation-delay: -1.4s
}

.s6-map>div ul li:nth-child(8n+5) a {
    animation-delay: -4.5s
}

.s6-map>div ul li:nth-child(8n+6) a {
    animation-delay: -3.5s
}

.s6-map>div ul li:nth-child(8n+7) a {
    animation-delay: -3.9s
}

.s6-map>div ul li:nth-child(8n) a {
    animation-delay: -2.2s
}

.s6-map dl {
    position: absolute;
    right: 50%;
    transform: translateX(50%);
    top: 4.62rem;
    margin-right: 1.97rem
}

.s6-map dl:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 1.14rem;
    height: 1.14rem;
    background-color: #ffffff;
    border: solid 0.01rem #ffffff;
    opacity: 0.61;
    border-radius: 50%;
    z-index: 8;
    animation: _circlescale2 infinite 3s -1s linear
}

.s6-map dl b {
    display: block;
    background: url(../images/s6-logomid.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    width: 0.58rem;
    height: 0.58rem;
    z-index: 9;
    position: relative
}

.s6-map dl dd {
    position: absolute;
    left: 50%;
    top: 50%
}

.s6-map dl dd:nth-child(1) {
    width: 1.71rem;
    height: 1.71rem;
    margin-left: -.85rem;
    margin-top: -.85rem;
    background-color: rgba(166, 199, 243, .8);
    z-index: 2;
    border-radius: 50%;
    animation: _circlescale infinite 3s linear
}

.s6-map dl dd:nth-child(2) {
    width: 1.71rem;
    height: 1.71rem;
    margin-left: -.85rem;
    margin-top: -.85rem;
    background-color: rgba(72, 148, 255, .7);
    z-index: 1;
    border-radius: 50%;
    animation: _circlescale infinite 3s -2s linear
}

@keyframes _circlescale2 {
    0% {
        transform: translateX(-50%) translateY(-50%) scale(1);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        transform: translateX(-50%) translateY(-50%) scale(1.5);
        opacity: 0
    }
}

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

    50% {
        opacity: 1
    }

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

.s6-r {
    position: absolute;
    z-index: 9;
    right: -.43rem;
    top: 0;
    width: 3.94rem;
    height: 6.7rem;
    border-radius: 0.19rem;
    border: solid 0.01rem #5791e2;
    padding: .3rem .2rem .45rem .35rem;
    overflow: hidden;
    transition: all .5s;
    background: rgba(6, 84, 191, .1);
    backdrop-filter: blur(5px)
}

.s6-r::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: rgba(6, 84, 191, .1);
    backdrop-filter: blur(5px);
    opacity: 0
}

.s6-hd {
    display: flex
}

.s6-hd ul {
    display: flex;
    position: relative;
    z-index: 1
}

.s6-hd ul::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: #eef2f8;
    opacity: .2
}

.s6-hd ul li {
    position: relative;
    z-index: 1;
    padding-bottom: .15rem
}

.s6-hd ul li::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 0;
    height: 1px;
    background: #fff;
    transition: all .5s
}

.s6-hd ul li a {
    display: block;
    font-size: 0.3rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.52rem;
    letter-spacing: 0rem;
    color: #ffffff;
    opacity: 0.3;
    transition: all .5s
}

.s6-hd ul li.on::after {
    width: 100%
}

.s6-hd ul li.on a {
    opacity: 1
}

.s6-hd ul li+li {
    margin-left: .5rem
}

.s6-hd ul li+li::before {
    content: "";
    position: absolute;
    left: -.26rem;
    top: 0.12rem;
    width: 0.02rem;
    height: 0.27rem;
    background-image: linear-gradient(0deg, #bac8e8 0%, #ffffff 100%)
}

.s6-bd {
    margin-top: .35rem;
    position: relative
}

.s6-bd>div {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 4.95rem;
    overflow-y: auto;
    opacity: 0;
    z-index: -9;
    transition: all .5s
}

.s6-bd>div::-webkit-scrollbar {
    width: 2px;
    height: 9px
}

.s6-bd>div::-webkit-scrollbar-track {
    width: 2px;
    background: rgba(238, 242, 248, .2);
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em
}

.s6-bd>div::-webkit-scrollbar-thumb {
    background-color: #D0B27E;
    background-clip: padding-box;
    min-height: 28px;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em
}

.s6-bd>div.on {
    opacity: 1;
    position: relative;
    z-index: 9
}

.s6-bd>div ul {
    padding-right: .2rem
}

.s6-bd>div ul li a {
    display: block;
    font-size: 0.18rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.36rem;
    letter-spacing: 0rem;
    color: #fff;
    padding-left: .33rem;
    position: relative;
    text-shadow: 0rem 0.02rem 0.02rem 0rem rgba(6, 0, 1, 0.15)
}

.s6-bd>div ul li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0.08rem;
    height: 0.05rem;
    background-color: #ffb947;
    opacity: 0.9;
    border-radius: .1rem
}

.s6-bd>div ul li.on a {
    color: #ffb947
}

.fmeida {
    position: relative;
    z-index: 9;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 0 -.1rem
}

.fmeida li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 .1rem;
}

.fmeida li:nth-child(1) {
    margin-left: 0
}

.fmeida li a {
    display: block;
    position: relative
}

.fmeida li a div:nth-child(1) {
    border-radius: 0.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.5s;
    width: .5rem;
    height: .5rem;
    background: #d9d9d9;
    border-radius: 50%
}

.fmeida li a:hover div:nth-child(1) {
    background: #64ca0c
}

.fmeida li a>div>img {
    display: block;
    max-width: .3rem;
    min-height: .24rem
}

.fmeida li a .foot-ewm {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 130%;
    margin-top: 10px;
    border-radius: 5px;
    padding: 5px;
    background: #fff;
    opacity: 0;
    transition: all 1s;
    visibility: hidden;
    box-shadow: 0 0 .1rem rgba(0, 0, 0, .1)
}

.fmeida li a .foot-ewm img {
    display: block;
    width: 100px;
    max-width: none;
    max-height: none;
    height: 100px
}

.fmeida li a .foot-ewm::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 100%;
    border-width: 0 8px 8px 8px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}

.fmeida li a .icon {
    width: .44rem;
    height: .44rem;
    border-radius: 50%;
    text-align: center;
    font-size: 0;
    position: relative;
    z-index: 1
}

.fmeida li:hover a {
    overflow: visible
}

.fmeida li:hover a .icon {
    background-color: #2f73d1
}

.fmeida li:hover a .icon img {
    opacity: 1
}

.fmeida li a .icon img {
    vertical-align: middle;
    display: block;
    width: 100%
}

.fmeida li:hover a .foot-ewm {
    opacity: 1;
    top: 100%;
    visibility: visible
}

.s7 {
    background: url(../images/s7-bg.png) no-repeat;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
    position: relative;
    z-index: 9;
}

.s7-c {
    display: flex;
    align-items: center
}

.s7-l {
    width: 8.55rem;
    margin-right: .63rem
}

.s7-lmain {
    margin-top: .74rem
}

.s7-lmain ul li a {
    display: block
}

.s7-lmain ul li a .pic {
    padding-top: 57%
}

.s7-lmain ul li a .info {
    padding: .45rem .25rem .25rem .25rem
}

.s7-lmain ul li a .info h3 {
    font-size: 0.26rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.3rem;
    letter-spacing: 0rem;
    color: #222222;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.s7-lmain ul li a .info p {
    font-family: HarmonyOS_Sans_SC_Light;
    font-size: 0.15rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.24rem;
    letter-spacing: 0rem;
    color: #222222;
    opacity: 0.8;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: .48rem;
    margin-top: .13rem
}

.s7-r {
    flex: 1;
    min-width: 0;
    display: flex;
    margin: 0 -0.05rem;
    position: relative
}

.picMarquee-top {
    background: #fff;
    width: 50%;
    height: 9.9rem;
    position: relative
}

.picMarquee-top::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    mask: linear-gradient(0deg, transparent, #fff 100%);
    -webkit-mask: linear-gradient(0deg, rgba(255, 255, 255, .8) 0, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, .3) 100%);
    z-index: 9;
    pointer-events: none
}

.picMarquee-top .bd {
    height: 100%
}

.picMarquee-top3 {
    width: 13.9%;
    height: 4.83rem
}

.picMarquee-top4 {
    width: 18.8%;
    height: 5.48rem
}

.picMarquee-top5 {
    width: 19.6875%;
    height: 7.02rem
}

.picMarquee-top .bd {
    position: relative;
    border-radius: .2rem
}

.picMarquee-top .bd ul {
    position: absolute;
    left: 0;
    right: 0
}

.picMarquee-top .bd ul li {
    padding-bottom: .1rem;
    position: relative;
    z-index: 1
}

.picMarquee-top .bd ul li a {
    margin: 0 0.05rem;
    display: block;
    border-radius: .1rem;
    overflow: hidden;
    position: relative;
    transition: all .5s
}

.picMarquee-top .bd ul li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 0.08rem;
    border: solid 0.03rem #ffaf23;
    opacity: 0;
    transition: all .5s
}

.picMarquee-top .bd ul li a img {
    display: block;
    width: 100%
}

.picMarquee-top .bd ul li a span {
    position: absolute;
    min-width: 0.55rem;
    text-align: center;
    padding: 0 .1rem;
    line-height: 0.25rem;
    left: .23rem;
    bottom: 0.16rem;
    border-radius: 0.12rem;
    font-size: 0.15rem;
    font-weight: normal;
    font-stretch: normal;
    color: #ffffff;
}

.picMarquee-top .bd ul li a span.wx {
    background-image: linear-gradient(-84deg, #51ad00 12%, #6fbd00 100%)
}

.picMarquee-top .bd ul li a span.xw {
    background-image: linear-gradient(-84deg, #f5b545 12%, #e9bd5d 100%)
}

.picMarquee-top .bd ul li a span.wb {
    background-image: linear-gradient(270deg, #c32325 0%, #dc3232 100%)
}

.picMarquee-top .bd ul li.on {
    position: relative;
    z-index: 9
}

.picMarquee-top .bd ul li.on a {
    box-shadow: 0 0 .29rem 0.06rem rgba(145, 145, 145, 1)
}

.picMarquee-top .bd ul li.on a::before {
    opacity: 1
}

@media screen and(-ms-high-contrast:active), (-ms-high-contrast:none) {
    .s1-data ul li a div b {
        background: none
    }

    .picMarquee-top::before {
        display: none
    }
}

@media screen and (min-width: 1025px) {
    .s1-data ul li a:hover::after, .s2-l ul li a:hover::after {
        width: 100%
    }

    .s1-r ul li:hover a {
        filter: blur(0)
    }

    .s2-l ul li a:hover h3, .s2-ritem1 a:hover .info h3, .s3-c a:hover h3, .s7-lmain ul li a:hover .info h3 {
        color: #1074f0
    }

    .s3-c a:hover::before {
        opacity: 0
    }

    .s3-c a:hover::after {
        opacity: 1
    }

    .s3-c a:hover p::after {
        opacity: 1;
    }

    .s6-bd>div ul li:hover a {
        color: #ffb947
    }

    .s6-hd ul li:hover a {
        opacity: 1
    }

    .s5-prev:hover, .s3-prev:hover {
        background: #1074f0 url(../images/icon-prev-w.png) no-repeat;
        background-position: center center;
        background-size: 0.08rem auto
    }

    .s5-next:hover, .s3-next:hover {
        background: #1074f0 url(../images/icon-right-w.png) no-repeat;
        background-position: center center;
        background-size: 0.08rem auto
    }

    .tit>a:hover {
        background: #1074f0;
        color: #fff;
        padding: 0 .4rem;
        letter-spacing: 0.03rem
    }

    .s5-r:hover {
        box-shadow: -0.06rem -0.05rem 0.21rem rgba(16, 116, 240, .5)
    }

    .s6-r:hover {
        border-color: #fff;
        box-shadow: 0 0 .3rem rgba(255, 255, 255, .3)
    }
}



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

    .banner .banner-prev {
        opacity: 1;
    }

    .banner .banner-next {
        opacity: 1;
    }

    .banner .banner-prev span {
        opacity: 1;
        width: 0.8rem;
        height: 100%;
        background-size: .35rem auto;
    }

    .banner .banner-next span {
        opacity: 1;
        width: 0.8rem;
        height: 100%;
        background-size: .35rem auto;
    }

    .s1-ldes h3, .tit h2 {
        font-size: .26rem;
        line-height: .4rem;
    }

    .tit>a {
        line-height: .4rem;
    }

    .s1-ldes h4 {
        font-size: .18rem;
        line-height: .3rem;
        height: auto;
        display: block;
        margin-top: .2rem;
        margin-bottom: .15rem;
    }

    .s1-ldes p {
        height: auto;
        display: block;
    }

    .s1-data {
        margin-right: 0;
    }

    .s1-data ul, .s2-l ul {
        margin: 0 -.1rem;
    }

    .s1-data ul li {
        width: 50%;
    }

    .s1-data ul li a, .s2-l ul li a {
        margin: 0 .1rem;
    }

    .s1-data ul li:nth-child(2) {
        margin-right: 0;
    }

    .s1-data ul li:nth-child(2)~li {
        margin-top: .3rem;
    }

    .s1-data ul li a div b {
        font-size: .3rem;
        line-height: .4rem;
    }

    .s1-data ul li a div span {
        line-height: .3rem;
    }

    .s1-data ul li a p {
        font-size: .16rem;
    }

    .s1-r ul {
        padding-top: 100%;
    }

    .s1-r ul li:nth-child(1) {
        width: 50%;
        right: 50%;
        left: auto;
        top: 20%;
    }

    .s1-r ul li:nth-child(2) {
        width: 40%;
        right: auto;
        left: 50%;
        top: 5%;
    }

    .s1-r ul li:nth-child(3) {
        width: 45%;
        right: auto;
        left: 50%;
        top: 50%;
    }

    .s1-r ul li a {
        filter: none;
    }

    .s1-r ul li a .info h3 {
        font-size: .2rem;
        line-height: .2rem;
        margin-bottom: .05rem;
    }

    .s1-r ul li a .info {
        padding-left: .2rem;
        padding-right: .2rem;
        padding: .3rem;
    }

    .s1-r ul li a .info p {
        line-height: .2rem;
    }

    .s2-l .slick a .info {
        padding: .15rem;
    }

    .s2-l .slick a .info h3 {
        font-size: .2rem;
        line-height: .3rem;
    }

    .s2-l ul {
        margin-top: .3rem;
    }

    .s2-l ul li a h3, .s2-ritem1 a .info h3, .s2-ritem2 a .info h3, .s3-c a h3 {
        font-size: .18rem;
    }

    .s2-ritem1 a .info, .s2-ritem2 a .info {
        padding: .15rem;
    }

    .s3-c {
        padding: 0 .3rem;
    }

    .s3-c .swiper-container .swiper-slide {
        opacity: 1;
    }

    .s3-c a {
        padding: .2rem .35rem;
    }

    .s3-c a p::after {
        opacity: 1;
    }

    .s4-c ul {
        display: block;
    }

    .s4-c ul li+li {
        margin-top: .2rem;
    }

    .s4-c ul li, .s4-c ul li:nth-child(1) {
        width: auto;
    }

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

    .s4-c ul li a .info-b {
        padding: 0 .15rem .15rem 0.15rem;
        transform: translateX(0);
    }

    .s4-c ul li a .info-t svg {
        opacity: 0;
    }

    .s4-c ul li a .info-b h4 {
        font-size: .2rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .s4-c ul li a .info-b p {
        -webkit-line-clamp: 2;
        max-height: .48rem;
    }

    .s4-c ul li a .pic::after {
        transform: none;
    }

    .s4-c ul li a .info-t b {
        font-size: .2rem;
    }

    .s5-slick1, .s5-slick3 {
        width: 30%;
        display: none;
    }

    .s5-slick2 {
        margin-left: 0.3rem;
        margin-right: 0.3rem;
    }

    .s5-slick2 ul li a .info {
        padding: .2rem .15rem;
        min-height: auto;
    }

    .s5-slick2 ul li a .info h3 {
        font-size: .2rem;
        line-height: .3rem;
    }

    .s5-slick2 ul li a .info p {
        line-height: .26rem;
        margin-top: .05rem;
    }

    .s5-r {
        margin-left: 0;
        padding: 0 .2rem 0 .2rem;
    }

    .s5-r ul li a {
        padding: .3rem 0;
    }

    .s5-r ul li a h3 {
        font-size: .22rem;
        line-height: .3rem;
    }

    .s5-r ul li a h4 {
        font-size: .18rem;
        line-height: .3rem;
    }

    .s5-r ul li a p {
        margin-top: .25rem;
    }

    .s5-r ul li a {
        height: 3.8rem;
    }

    .s5-r ul li a div {
        bottom: .3rem;
    }

    .s5-r ul li a div img {
        height: .5rem;
    }

    .s5-r ul li a div::after {
        width: .4rem;
        height: 0.4rem;
    }

    .s6-c .tit {
        position: static;
    }

    .s6-map {
        padding-right: 0;
        min-height: 6.8rem;
    }

    .s6-map>div {
        display: none;
    }

    .s6-r {
        width: auto;
        left: 0;
        right: 0;
        top: .6rem;
        padding-left: .3rem;
        padding-top: 0.1rem;
        height: auto;
        padding-bottom: .3rem;
    }

    .s6-hd ul li a {
        font-size: .22rem;
        text-align: center;
    }

    .s6-hd ul li {
        flex: 1;
        min-width: 0;
        padding-bottom: 0.05rem;
    }

    .s6-hd {
        display: block;
    }

    .s6-bd {
        margin-top: .2rem;
    }

    .s6-bd>div ul li a {
        padding-left: .2rem;
    }

    .s7 {
        overflow: visible;
    }

    .s7-l .tit {
        justify-content: flex-start;
    }

    .fmeida {
        margin: 0 0 0 .3rem;
    }

    .s7-r {
        overflow: hidden;
    }

    .picMarquee-top {
        height: 130vw;
    }

    .s7-lmain ul li a .info {
        padding: .2rem;
    }

    .s7-lmain ul li a .info h3 {
        font-size: .2rem;
    }

    .fmeida li a div:nth-child(1) {
        width: .35rem;
        height: .35rem;
    }

    .fmeida li a>div>img {
        max-width: .2rem;
        max-height: .2rem;
        min-height: auto;
    }


    .s1-c, .s2-c, .s5-c, .s7-c {
        display: block;
    }

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

    .s1, .s2, .s3, .s5, .s6, .s7 {
        padding-top: .5rem;
    }

    .s5 {
        padding-bottom: .5rem;
    }

    .s4 {
        margin-top: .5rem;
    }

    .s1-data, .s2-c, .s3-c, .s4-c, .s7-lmain {
        margin-top: .35rem;
    }






}

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

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



/* 2025年8月6日09:37:01 */

.picMarquee-left {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.picMarquee-left .bd ul {
    overflow: hidden;
    zoom: 1;
}

.picMarquee-left .bd ul li {
    margin: 0 8px;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
}

.picMarquee-left .bd ul li .pic {
    text-align: center;
}

.picMarquee-left .bd ul li .pic img {
    width: 120px;
    height: 90px;
    display: block;
    padding: 2px;
    border: 1px solid #ccc;
}

.picMarquee-left .bd ul li .pic a:hover img {
    border-color: #999;
}

.picMarquee-left .bd ul li .title {
    line-height: 24px;
}

.s6-c{
    padding-top: 1.1rem;
}


.s6-map>div .tempWrap {
    margin-top: .25rem !important;!i;!io;!i;!;
    width: 80% !important;
    margin: 0 auto;
    mask: linear-gradient(to right,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 15%,
    rgba(0, 0, 0, 1) 85%,
    rgba(0, 0, 0, 0) 100%);
    -webkit-mask: linear-gradient(to right,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 15%,
    rgba(0, 0, 0, 1) 75%,
    rgba(0, 0, 0, 0) 90%);
}

/* .s6-map>div .picMarquee-left {
    mask: linear-gradient(to right,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 1) 15%,
            rgba(0, 0, 0, 1) 85%,
            rgba(0, 0, 0, 0) 100%);
    -webkit-mask: linear-gradient(to right,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 1) 15%,
            rgba(0, 0, 0, 1) 75%,
            rgba(0, 0, 0, 0) 90%);
} */

.s6-map>div .picMarquee-left:nth-child(2) .tempWrap {
    /* width: 100% !important; */
    /* margin: .25rem auto; */
}

.s6-map>div ul li {
    position: static;
    opacity: 1;
    width: 1.88rem;

}
.s6-map>div ul li.on{
    transform: none !important;
}
.s6-map>div ul li a {
    animation: none;
    padding: .1rem;
    background: rgba(234, 241, 250,.8);
    height: .6rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.s6-map>div ul li a img{
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.s6-map>div ul li a:hover{
    background: #fff;
}



@media screen and (max-width: 1024px){
    .s6-c{
        padding-top: 0;
    }
}