@charset "UTF-8";

/* 公用容器样式 */
.s4-bd1,
.s4-bd2 {
    width: 100%;
    margin: 0 auto;
    border-radius: .2rem;
    overflow: hidden;
    padding: .2rem 0;
}

/* 两个区域使用相同的列表结构 */
.s4-bd1 ul,
.s4-bd2 ul {
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
    width: max-content;
    will-change: transform;
}

/* 第一个区域：向左滚动 (0% → -50%) */
.s4-bd1 ul {
    animation: moveLeft 80s linear infinite;
}

@keyframes moveLeft {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

/* 第二个区域：向右滚动 (-50% → 0%) */
.s4-bd2 ul {
    animation: moveRight 80s linear infinite;
}

@keyframes moveRight {
    0% {
        transform: translateX(-50%);
    }

    100% {
        transform: translateX(0);
    }
}

/* 列表项固定宽度 */
.s4-bd1 li,
.s4-bd2 li {
    flex: 0 0 auto;
    line-height: 0;
}

/* 图片块样式 (保留原比例) */
.s4-bd1 .pic,
.s4-bd2 .pic {
    width: 4.62rem;
    padding-top: 56%;
    border-radius: 0.12rem;
    margin: 0 0.2rem;
    /* box-shadow: 0 0.08rem 0.12rem rgba(0, 0, 0, 0.3); */
}

/* 悬浮暂停 —— 通过类控制 */
.paused ul {
    animation-play-state: paused !important;
}

.s4 {
    position: relative;
}

.s4::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30%;
    height: 50%;
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 65%, #FFFFFF 100%);
    z-index: 9;
}
.s4::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 65%, #FFFFFF 100%);
    z-index: 9;
}




.s3-lg {
    width: 3rem;
}

.s3-lg img {
    display: block;
    width: 100%;
    /* margin-left: -0.3rem; */
    width: 1.9rem;
    margin: 0 auto;
}

/* 锚点 */


#s5,
#s3,
#s2 {
    scroll-margin-top: 1.2rem;
}

/* 锚点 */

@font-face {
    font-family: "AlimamaFangYuanTiVF-MediumSquare";
    src: url('fonts/AlimamaFangYuanTiVF.woff');
    font-style: normal;
}


a {
    display: block;
}

.banner {
    position: relative;
    overflow: hidden;
}

.banner ul li video,
.banner ul li a img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
}

.banner ul li a {
    display: block;
    position: relative;
    padding-top: 0;
    height: 100vh;
    overflow: hidden;
}

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

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


.banner>ul {
    overflow: hidden;
}

.banner>ul::before {
    content: '';
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    bottom: -1.8rem;
    background: url(../images/ban-zz.png) no-repeat center bottom;
    background-size: 100%;
    z-index: 1;
}

.banner>ul::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 10%;
    width: 100%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    z-index: 2;
}

.banner .slick-dots {
    bottom: 0.8rem;
    z-index: 3;
}

.banner .slick-dots li {
    width: .61rem;
    height: .21rem;
    background: url(../images/ban-d.png) no-repeat center center;
    background-size: .09rem;
    transition: all 0.3s;
    margin: 0;
}

.banner .slick-dots li.slick-active {
    background: url(../images/ban-da.png) no-repeat center center;
    background-size: 100% 100%;
}

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

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

    50% {
        transform: scale(1.1);
    }

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

/* s1 */
.index {
    position: relative;
    z-index: 10;

}

.s1 {
    padding-top: 1rem;
    padding-bottom: 1.2rem;
    background: url(../images/s1-bg.png) no-repeat center top;
    background-size: cover;
}

.tit {
    position: relative;
    margin-bottom: .85rem;
    z-index: 99999;
}

.more {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);

    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

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

.tit h3 b {
    font-family: Kingsoft_Cloud_Font;
    font-size: .6rem;
    color: #001765;
    line-height: 1;
    font-weight: normal;
}

.tit h3 b:last-child {
    color: #c7aa8b;
}

.more {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.more a {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    color: #333333;
    font-size: .18rem;
}

.more a img {
    width: .29rem;
    margin-left: .05rem;
    transition: all 0.3s;
}

.more a:hover img {
    margin-left: .1rem;
}

.more a:hover {
    color: #001765;
}

.s1-c {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.s1-ban {
    width: 8.8rem;
    margin-right: .4rem;
}


.s1-ban .pic {
    border-radius: .2rem;
    margin: 0 .15rem;
    padding-top: 5rem;
}

.s1-ifo {
    background-image: linear-gradient(0deg, #001765 0%, #0d2d99 100%);
    border-radius: .2rem .21rem .21rem .21rem;
    padding: .1rem;
    padding-left: .4rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: -0.2rem;
    position: relative;
    z-index: 2;
}

.s1-tx h3 {
    font-size: .24rem;
    line-height: .32rem;
    height: .64rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #ffffff;
    margin-bottom: .1rem;
}

.s1-tx p {
    font-size: .2rem;
    color: #ffffff;
    opacity: 0.6;
}

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

.s1-date {
    width: 1.17rem;
    height: 1.16rem;
    background-color: #c7aa8b;
    border-radius: .2rem;
    margin-left: .9rem;
    font-family: AlimamaFangYuanTiVF-SemiBoldSquare;
    text-align: center;
    padding-top: .25rem;
}

.s1-date b {
    font-size: .36rem;
    color: #ffffff;
    line-height: 1;
    line-height: 1;
}

.s1-date span {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
}

.s1-date span::before {
    content: '/';
    margin-right: .05rem;
    margin-left: .05rem;
}

.s1-ban .slick-prev {
    width: .09rem;
    height: .09rem;
    background: url(../images/s1-l.png) no-repeat;
    background-size: 100% 100%;
    top: auto;
    transform: none;
    left: auto;
    right: .7rem;
    bottom: .3rem;
}

.s1-ban .slick-next {
    width: .09rem;
    height: .09rem;
    background: url(../images/s1-r.png) no-repeat;
    background-size: 100% 100%;
    top: auto;
    transform: none;
    left: auto;
    right: .5rem;
    bottom: .3rem;
}

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

.s1-one a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background-color: #ffffff;
    box-shadow: 0rem 0rem .16rem .02rem rgba(178, 178, 178, 0.2);
    border-radius: .2rem;
    padding: .2rem;
    padding-right: .35rem;
    margin-bottom: .05rem;
}

.s1-one a .pic {
    width: 2.3rem;
    padding-top: 1.5rem;
    margin-right: .2rem;
    border-radius: .15rem;
}

.s1-one a:hover p {
    color: #001765;
    font-weight: 600;
}

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

.s1-rtx p {
    font-size: .24rem;
    line-height: .36rem;
    height: .72rem;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-bottom: .4rem;
}

.s1-rtx span {
    font-size: .16rem;
    color: #001765;
    display: block;
}

.s1-r ul li a {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: .25rem 0;
    border-bottom: .01rem solid #ddd;
}

.s1-rd {
    text-align: center;
    width: .86rem;
    height: .89rem;
    background: url(../images/s1-date.png) no-repeat;
    background-size: 100% 100%;
    padding-top: .12rem;
    margin-right: .25rem;
}

.s1-rd b {
    font-size: .32rem;
    color: #ffffff;
    display: block;
    line-height: 1;
    padding-bottom: .1rem;
    position: relative;
    margin-bottom: .03rem;
}

.s1-rd b::before {
    content: '';
    width: .54rem;
    border-top: .01rem dashed #fff;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

.s1-rd span {
    font-size: .14rem;
    color: #ffffff;
    display: block;
}

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

.s1-txt p {
    font-size: .24rem;
    line-height: .36rem;
    color: #333333;
    max-height: .72rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.s1-r ul li a:hover p {
    color: #001765;
    font-weight: 600;
}

.s1-lt {
    margin-top: .33rem;
}

.s1-lt>ul {
    margin: 0 -0.15rem;
}

.s1-lt ul li a {
    padding: .35rem .25rem;
    margin: .3rem .15rem;
    background-color: #ffffff;
    border-radius: .12rem;
    border-bottom: .05rem solid #001765;
    transition: all 0.3s;
}

.s1-lt ul li a:hover {
    background: url(../images/s1-tbgh.png) no-repeat;
    background-size: cover;
    border-color: #c7aa8b;
    box-shadow: 0rem 0rem .3rem .02rem rgba(45, 45, 45, 0.16);
}

.s1-lt ul li a h3 {
    font-size: .2rem;
    line-height: .3rem;
    color: #333333;
    height: .6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-bottom: .3rem;
    transition: all 0.3s;
}

.s1-lt ul li a p {
    font-size: .16rem;
    line-height: .36rem;
    color: #666666;
    padding-left: .26rem;
    transition: all 0.3s;
}

.s1-sj {
    background: url(../images/ico-sj1.png) no-repeat left center;
    background-size: auto .16rem;
}

.s1-wz {
    background: url(../images/ico-wz1.png) no-repeat left center;
    background-size: auto .16rem;
}

.s1-lt ul li a p img {
    height: .16rem;
    margin-right: .1rem;
}

.s1-lt ul li a:hover h3 {
    color: #c7aa8b;
}

.s1-lt ul li a:hover p {
    color: #c7aa8b;
}

.s1-lt ul li a:hover .s1-sj {
    background: url(../images/ico-sj2.png) no-repeat left center;
    background-size: auto .16rem;
}

.s1-lt ul li a:hover .s1-wz {
    background: url(../images/ico-wz2.png) no-repeat left center;
    background-size: auto .16rem;
}

/* s2 */
.s2 {
    padding-bottom: 1.2rem;
    background: url(../images/s2-bg.png) no-repeat;
    background-size: cover;
    padding-top: 1.2rem;
}

.s2-c {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.s2-lt {
    width: 100%;
    margin-right: .35rem;
}

.s2-lt>ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.s2-lt ul li a {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: 100%;
    transition: all 0.3s;
}

.s2-d {
    text-align: center;
    width: .86rem;
    height: .89rem;
    background: url(../images/s1-date.png) no-repeat;
    background-size: 100% 100%;
    padding-top: .12rem;
    margin-right: .25rem;
}

.s2-lt ul li a:hover .s2-d {
    background: url(../images/s2-d.png) no-repeat;
    background-size: 100% 100%;
}

.s2-d b {
    font-size: .32rem;
    color: #ffffff;
    display: block;
    line-height: 1;
    padding-bottom: .1rem;
    position: relative;
    margin-bottom: .03rem;
}

.s2-lt ul li a:hover b {
    color: #001765;
}

.s2-lt ul li a:hover b::before {
    border-color: #001765;
}

.s2-lt ul li a:hover span {
    color: #001765;
}

.s2-d b::before {
    content: '';
    width: .54rem;
    border-top: .01rem dashed #fff;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

.s2-d span {
    font-size: .14rem;
    color: #ffffff;
    display: block;
}

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

.s2-lt ul li {
    width: 48%;
}

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

.s2-ban a {
    position: relative;
    border-radius: .2rem;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.s2-ban a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 30%;
    width: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
}


.s2-ifo {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding-left: 1.09rem;
    padding-right: .4rem;
    z-index: 2;
}

.s2-ifo p {
    font-size: .24rem;
    letter-spacing: -0.01rem;
    color: #ffffff;
    padding: .3rem 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.s2-date {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #001765;
    border-radius: 0rem .2rem 0rem .2rem;
    color: #ffffff;
    text-align: center;
    padding: .15rem;
    z-index: 2;
}

.s2-date b {
    font-size: .4rem;
    line-height: 1;
    letter-spacing: -0.02rem;
    color: #ffffff;
    display: block;
}

.s2-date span {
    font-size: .18rem;
    letter-spacing: -0.01rem;
    color: #ffffff;
    opacity: 0.6;
    display: block;
}

.s2-lt ul li a {
    padding: .22rem .4rem;
    border-radius: .2rem;
    transition: all 0.3s;
}

.s2-lt ul li {
    border-bottom: .01rem solid rgba(0, 0, 0, 0.2);
}

.s2-lt ul li a h3 {
    font-size: .24rem;
    line-height: .32rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #333333;
    margin-bottom: .2rem;
    font-weight: 600;
}

.s2-lt ul li a p {
    font-size: .16rem;
    line-height: .36rem;
    color: #666666;
    padding-left: .26rem;
}

.s2-wz {
    background: url(../images/ico-wz1.png) no-repeat left center;
    background-size: auto .16rem;
}

.s2-sj {
    background: url(../images/ico-sj1.png) no-repeat left center;
    background-size: auto .16rem;
}

.s2-lt ul li:hover {
    border-color: transparent;
}

.s2-lt ul li:hover a {
    background: url(../images/s2-tbg.png) no-repeat;
    background-size: cover;
    border-color: transparent;
}

.s2-lt ul li:hover h3 {
    color: #ffffff;
}

.s2-lt ul li:hover .s2-wz {
    background: url(../images/ico-wz2.png) no-repeat left center;
    background-size: auto .16rem;
}

.s2-lt ul li:hover .s2-sj {
    background: url(../images/ico-sj2.png) no-repeat left center;
    background-size: auto .16rem;
}

.s2-lt ul li:hover p {
    color: #ffffff;
}

.s2-ban {
    position: relative;
    width: 8.8rem;
    padding-right: .63rem;
}

.s2-ban .pic {
    padding-top: 6rem;
}

.s2-ban ul {
    width: 100%;
    padding-top: 6rem;
    position: relative;
}

.s2-ban ul li {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transform: translateX(1.4rem) scale(0.8);
    transition: all 0.5s;
    opacity: 0;
}

.s2-ban ul li.cur {
    width: 100%;
    height: 100%;
    z-index: 2;
    position: absolute;
    transform: scale(1);
    opacity: 1;
}

.s2-ban ul li.cur2 {
    opacity: 1;
}

.s2-ban ul li.cur2 .s2-date {
    opacity: 0;
}

.s2-ban ul li.cur2 .s2-ifo {
    opacity: 0;
}

.s2-next {
    width: .5rem;
    height: .5rem;
    background: url(../images/s2-r.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    right: .4rem;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 99;
    transition: all 0.3s;
}

.s2-next:hover {
    transform: translateY(-50%) scale(1.1);
}

.s2-ban ul li.cur2 a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 3;
    transition: all 0.3s;
}


/* s3 */

.s3 {
    background: url(../images/s3-bg.jpg) no-repeat;
    background-size: cover;
}

.s3-c {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.s3-tit {
    margin-right: 1.35rem;
    padding-top: 3rem;
}

.s3-tit h3 {
    margin-bottom: 0.5rem;
    text-align: center;
}

.s3-tit h3 b {
    font-family: Kingsoft_Cloud_Font;
    font-size: .6rem;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    font-weight: normal;
}

.s3-more {
    font-size: .18rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
}

.s3-more a {
    color: #c7aa8b;
}

.s3-more a img {
    width: .29rem;
    margin-left: .03rem;
}

.s3-lt {
    flex: 1;
    min-width: 0;
}

.s3-lt ul {
    display: flex;
    flex-wrap: wrap;
    border-left: .01rem solid rgba(255, 255, 255, 0.3);
    border-right: .01rem solid rgba(255, 255, 255, 0.3);
}

.s3-lt ul li {
    width: 50%;
    border-bottom: .01rem solid rgba(255, 255, 255, 0.3);
    border-right: .01rem solid rgba(255, 255, 255, 0.3);
}

.s3-lt ul li:nth-child(3n) {
    /* border-right: none; */
}

.s3-lt ul li a {
    padding: 0 .3rem;
    padding-top: .6rem;
    padding-bottom: .8rem;
    transition: all 0.3s;
}

.s3-lt ul li a:hover {
    background-color: #c7aa8b;
    box-shadow: 0rem 0rem .36rem .02rem rgba(45, 45, 45, 0.16);
}

.s3-tx h3 {
    color: #ffffff;
    font-size: .3rem;
    margin-bottom: .15rem;
}

.s3-tx p {
    font-family: 'sy';
    font-size: .24rem;
    line-height: .36rem;
    height: .72rem;
    color: #ffffff;
    opacity: 0.4;
    font-weight: 100;
}

.s3-lt ul li a .ico {
    margin-top: .4rem;
    height: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1rem;
}

.s3-lt ul li a:hover img {
    animation: jello 1.2s;
}

.s3-lt ul li a .ico img {
    max-height: 100%;
    min-height: 88%;
    width: 0.95rem;
}


/* s4 */
.s4 {
    padding-top: 1.2rem;
    padding-bottom: 2rem;
    background: url(../images/s4-bg.png) no-repeat;
    background-size: cover;
}

.s4-ban {
    margin-bottom: .6rem;
    margin-top: -0.3rem;
}

.s4-ban a {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin: .3rem;
}

.s4-ban>ul {
    margin: 0 -0.3rem;
}

.s4-ban a .pic {
    width: 7.2rem;
    padding-top: 4.05rem;
    background-color: #c7aa8b;
    box-shadow: 0rem 0rem .3rem .03rem rgba(20, 20, 20, 0.3);
    border-radius: .2rem;
    margin-right: .6rem;
}

.s4-tx {
    flex: 1;
    min-width: 0;
}

.s4-tx p {
    font-size: .28rem;
    line-height: .54rem;
    color: #333333;
    text-align: justify;
    text-indent: 2em;
}

.s4-date {
    font-family: "AlimamaFangYuanTiVF-MediumSquare";
    font-size: 3rem;
    line-height: 1;
    color: #001765;
    opacity: 0.06;
    position: absolute;
    right: 0;
    top: -0.5rem;
    font-weight: 600;
}

.s4-nf {
    border-bottom: solid .02rem #c7aa8b;
    padding: 0 1.6rem;
    position: relative;
}

.s4-nf ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.s4-line {
    position: absolute;
    left: .3rem;
    bottom: -0.03rem;
    width: 10%;
    height: .05rem;
    background-color: #c7aa8b;
    transition: all 0.3s ease;
}

.s4-line::before {
    content: '';
    width: 2rem;
    height: 100%;
    position: absolute;
    top: 0;
    right: 100%;
    background-color: #c7aa8b;
}

.s4-line::after {
    content: '';
    width: .22rem;
    height: .22rem;
    background: url(../images/s4-dots.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    right: -0.11rem;
    transform: translateY(-50%);
}

.s4-nf ul li p {
    font-family: "AlimamaFangYuanTiVF-MediumSquare";
    font-size: .3rem;
    line-height: 1;
    color: #001765;
    opacity: 0.6;
    font-weight: 500;
    cursor: pointer;
    padding-bottom: .55rem;
    position: relative;
    transition: all 0.3s ease;
}

.s4-nf ul li {
    position: relative;
}

.s4-nf ul li::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    height: .35rem;
    border-left: solid .02rem #c7aa8b;
}

.s4-nf ul li.cur p {
    opacity: 1;
    transform: scale(1.2);
    font-weight: 600;
}

/* s5 */
.s5 {
    padding-bottom: 1rem;
    background: url(../images/s5-bg.png) no-repeat center bottom;
    background-size: 100% 100%;
    position: relative;
}

/* 底部增加白色过渡到透明的遮罩 */
.s5::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 65%, #FFFFFF 100%);
}

.s5 .tit {
    margin-bottom: 0;
    position: relative;
    z-index: 2;
}

.s5-more {
    margin-top: .6rem;
}

.s5-more a {
    width: 1.6rem;
    line-height: .6rem;
    background-color: #ffffff;
    border-radius: .3rem;
    border: solid .01rem #001765;
    text-align: center;
    color: #001765;
    font-size: .18rem;
    margin: 0 auto;
    transition: all 0.3s;
}

.s5-more a:hover {
    letter-spacing: .02rem;
}

.s5-p {
    margin: .14rem 0;
}

.s5-p img {
    width: 100%;
    display: block;
    border-radius: .16rem;
    object-fit: cover;
}

.s5-c {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: -0.5rem;
}

/* .picMarquee-top {
    background: #fff;
    mask: linear-gradient(0deg, transparent, #fff 100%);
    -webkit-mask: linear-gradient(0deg, transparent, #fff 100%);
} */

.picMarquee-top .bd {
    height: 100%;
    overflow: hidden;
}

.picMarquee-top1 {
    width: 22.5%;
    height: 8.6rem;
}

.picMarquee-top2 {
    width: 22.5%;
    height: 7.17rem;
}

.picMarquee-top3 {
    width: 22.5%;
    height: 6.83rem;
}

.picMarquee-top4 {
    width: 22.5%;
    height: 8.4rem;
}

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

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

.picMarquee-top .bd ul li {
    padding-bottom: .15rem;
}

.picMarquee-top .bd ul li a {
    display: block;
    border-radius: .2rem;
    overflow: hidden;
}

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


/* s6 */
.s6 {
    background: url(../images/s6-bg.png) no-repeat;
    background-size: 100% 100%;
    padding-bottom: 1.2rem;
}

.s6-lt ul li a {
    display: block;
    position: relative;
    margin-top: .2rem;
}

.s6-lt ul li a .ico-box {
    width: 1.6rem;
    height: 1.6rem;
    margin: 0 auto;
    padding: .1rem;
    position: relative;
}

.s6-lt ul li a .ico-box::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/s6-q.png) no-repeat;
    background-size: 100% 100%;
}

.s6-lt ul li a:hover .ico-box::before {
    animation: xz 10s linear infinite;
}

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

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

.s6-lt ul li a .ico {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffff;
    border: solid .01rem #002248;
    border-radius: 50%;
}

.s6-lt ul li a .ico img {
    max-width: .8rem;
    min-width: 50%;
}

.s6-lt ul li a p {
    color: #333333;
    font-size: .3rem;
    text-align: center;
    margin-top: .4rem;
}

.s6-lt ul li a:hover img {
    animation: jello 1.2s;
}


.s6-lt ul li a:hover p {
    color: #001765;
}












@media screen and (max-width: 1024px) {
    .banner ul li a {
        padding-top: 50%;
        height: auto;
    }

    .banner>ul::before,
    .banner>ul::after {
        display: none;
    }

    .banner .slick-dots {
        bottom: .3rem;
    }

    .s1 {
        padding: .5rem 0;
    }

    .tit h3 b {
        font-size: .4rem;
    }

    .tit {
        margin-bottom: .4rem;
    }

    .s1-ban {
        width: 100%;
        margin: 0;
        margin-bottom: .3rem;
    }

    .s1-r {
        flex: auto;
        width: 100%;
    }

    .s1-ban .pic {
        padding-top: 58%;
    }

    .s1-lt {
        margin-top: 0;
    }

    .s1-date {
        margin-left: .4rem;
    }

    .s2-lt {
        width: 100%;
        margin: 0;
        margin-bottom: .3rem;
    }

    .s2-ban {
        flex: auto;
        width: 100%;
    }

    .s2-ban ul {
        padding-top: 60%;
    }

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

    .s3 {
        padding: .5rem 0;
    }

    .s3-tit {
        width: 100%;
        margin: 0;
        margin-bottom: .3rem;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }

    .s3-tit h3 b {
        font-size: .4rem;
    }

    .s3-lt {
        flex: auto;
        width: 100%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    }

    .s3-tit h3 {
        margin: 0;
    }

    .s3-lt ul {
        border-top: 1px solid rgba(255, 255, 255, 0.3);
    }

    .s4-ban a .pic {
        width: 100%;
        margin: 0;
        margin-bottom: .3rem;
        padding-top: 57%;
    }

    .s4-tx {
        flex: auto;
        width: 100%;
    }

    .s4-date {
        top: auto;
        bottom: 0;
        display: none;
    }

    .s4-tx p {
        font-size: .2rem;
        line-height: .36rem;
    }

    .s4-nf {
        padding: 0 .2rem;
    }


    .s4-nf ul li p {
        font-size: .2rem;
    }

    .s4-line {
        display: none;
    }

    .s4 {
        padding: .5rem 0;
    }

}

@media screen and (max-width: 768px) {
    .s2-lt ul li {
        width: 100%;
    }

    .s2-lt ul li a {
        padding: .3rem;
    }
}

@media screen and (max-width: 640px) {
    .s2-ban {
        width: 100%;
        padding-right: 0;
    }

    .s2-ban ul li.cur2 {
        opacity: 0;
    }

    .s2-next {
        opacity: 0;
    }

    .s3-lt ul li {
        width: 50%;
    }

    .s3-lt ul li:nth-child(3) {
        border-right: .01rem solid rgba(255, 255, 255, 0.3);
    }

    .s4-ban {
        margin-bottom: 0rem;
    }

    .s4-nf ul li {
        width: 14.28%;
        text-align: center;
        margin-top: .3rem;
        border-bottom: .01rem solid #c7aa8b;
    }

    .s4-nf {
        border-color: transparent;
    }

    .picMarquee-top {
        width: 48%;
        margin-top: .2rem;
        height: 8rem;
    }

    .picMarquee-top3 {
        display: none;
    }

    .picMarquee-top4 {
        display: none;
    }

    .s5-c {
        margin-top: 0;
    }

    .s5 .tit {
        margin-bottom: .5rem;
    }
}

@media screen and (max-width: 480px) {
    .s3-lg {
        width: 100%;
    }

    .s3-lg img {
        width: 3rem;
        margin: 0 auto;
    }

    .s3-lt ul li a {
        padding: .3rem;
    }

    .s3-lt ul li a .ico {
        height: .6rem;
    }

    .s3-tx p {
        font-size: .14rem;
        line-height: .2rem;
        height: .4rem;
    }

    .s1-one a .pic {
        width: 100%;
        margin: 0;
        margin-bottom: .1rem;
        padding-top: 64%;
    }

    .s1-rtx {
        flex: auto;
        width: 100%;
    }

    .s1-rtx p {
        font-size: .2rem;
        margin-bottom: .1rem;
        line-height: .3rem;
        height: .6rem;
    }

    .s2-lt ul li a h3 {
        font-size: .2rem;
    }

    .s2-ifo p,
    .s1-txt p {
        font-size: .2rem;
    }

    .s1-rd b {
        font-size: .26rem;
    }

    .s1-rd {
        padding-top: .15rem;
    }

    .s2-lt ul li a {
        padding: .2rem;
    }

    .s2-date b {
        font-size: .3rem;
    }

    .s3-tx h3 {
        font-size: .24rem;
    }

    .tit h3 b {
        font-size: .3rem;
    }

    .s6-lt ul li a p {
        font-size: .2rem;
        margin-top: .2rem;
    }

    .s5-more {
        margin-top: .2rem;
    }

    .s5-more a {
        width: 1rem;
        line-height: .3rem;
    }

    .s1-lt ul li a {
        padding: .2rem;
    }

    .s1-tx h3 {
        font-size: .2rem;
    }

    .s1-date b {
        font-size: .26rem;
    }

    .s1-ifo {
        padding-left: .2rem;
    }

    .s1-date {
        margin-left: .1rem;
    }

    .s1-date {
        width: 1rem;
        height: 1rem;
    }

    .s1-ban .slick-next {
        right: .35rem;
    }

    .s3-tit h3 b {
        font-size: .3rem;
    }
}