@charset "utf-8";

/* banner */
.main-visual-wrapper {
    width: 100%;
    position: relative;

}

.main-visual-slider {
    overflow: hidden;
    width: 100%;
    position: relative;
}

.main-visual-slider .swiper-slide {
    overflow: hidden;
}

.main-visual-slider .swiper-container {
    width: 100%;
    height: 100%;
    position: relative;
}

.swiper-box1 .imged {
    padding-bottom: 38.541%;
}

.slide-inner {
    position: relative;
    overflow: hidden;
}

.slide-inner:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3rem;
    background: linear-gradient(to bottom, transparent , rgba(0, 0, 0, .6));
    z-index: 6;
}

.main-visual-slider .imged {
    transform: translate3d(0px, 0px, 0px) scale(1.05);
    transition: opacity 0.5s
}

.main-visual-slider .swiper-slide-active .imged {
    transform: scale(1);
    transition: all 6s;
}

.main-visual-slider video {
    transform: scale(1.1)\0;
}

.swiper-box1 .cir {
    bottom: .3rem;
    z-index: 10;
    width: 100%;
}

.swiper-box1 .cir span {
    margin: 0px .1rem !important;
    width: 0.1rem;
    height: 0.1rem;
    background: #bfd1ed;
    border-radius: 50%;
    opacity: 1;
    transition: all .6s;

}

.swiper-box1 .cir .swiper-pagination-bullet-active {
    width: .4rem;
    border-radius: .2rem;
    background: #fff;
    opacity: 1;
}

/* 主体部分 */
.index {
    position: relative;
    background: url(../images/main-bg.png) no-repeat center top;
    background-size: 100% 100%;
    overflow: hidden;
}


.index::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 12.06rem;
    background: url(../images/bk2-bg.png) no-repeat center top/100% 100%;

}

.home1 {
    padding: .2rem 0 .5rem;
}

.h1-t {
    position: relative;
}

/* .h1-t:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0.6rem;
    right: 0.6rem;
    bottom: -0.2rem;
    border-radius: 0.15rem;
    background: rgba(42, 50, 219, .1);
}

.h1-t:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0.3rem;
    right: 0.3rem;
    bottom: -0.1rem;
    border-radius: 0.15rem;
    background: rgba(42, 50, 219, .1);

} */

.h1-t .swiper-container {}


.h1-t .swiper-slide {

    padding: 0 .45rem;
    background: rgba(187, 202, 239, .3);
    border-radius: .15rem;
    box-shadow: 0px 2px 15px 0px rgba(142, 205, 230, 0.4), inset 0px 0px 40px 0px rgba(206, 243, 255, 0.2);
}

.h1-t a {
    display: block;
    color: #003ddb;
    text-align: center;
}

.h1-t .s1-bt1 a {
    font-size: .3rem;
    color: #003ddb;
    line-height: .47rem;
    padding-top: .2rem;font-weight:bold;
}

.h1-t .s1-bt2 {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: .1rem;
    border-top: 1px solid rgba(0, 51, 288, .1);
}

.h1-t .s1-bt2:after {
    content: "";
    position: absolute;
    width: 1px;
    height: .3rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: rgba(187, 202, 239, .3);
}

.h1-t .s1-bt2 a {
    font-size: .2rem;
    color: #003ddb;
    width: 50%;
    line-height: .26rem;
    padding: .25rem .3rem;font-weight:bold;
}


@media(max-width: 1600px) {
    /* .h1-t .prev {
        left: -2%;
    }

    .h1-t .next {
        right: -2%;
    } */
}

@media(max-width: 1430px) {
    /* .h1-t {
        width: 95%;
        margin: 0 auto;
    } */
}

@media(max-width: 600px) {
    /* .h1-t .s1-bt1 a img {
        display: none;
    }

    .h1-t .s1-bt1 a p {
        padding-left: .2rem;
    }

    .h1-t .swiper-wrapper {
        align-items: center;
    } */
}

.home2 {
    /* padding-top: .8rem; */
}


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

.s2-list li* {
    transition: all .6s;
}

.s2-list li {
    width: 33.333%;
}

.s2-list li a {
    display: block;
    padding: 0 .45rem;
    margin: .25rem 0;
    border-left: 1px solid #cfe3f2;
}



.s2-list li:nth-child(3n-2) a {
    border-left: none;
}

.s2-list li a p {
    font-size: .2rem;
    color: #000;
    line-height: .32rem;
    height: .96rem;
}

.s2-list li:hover a p {
    color: #003ddb;
}

.s2-list li a i {
    display: block;
    line-height: .24rem;
    margin-top: .15rem;
    padding-left: .3rem;
    font-size: .16rem;
    color: #1959fe;
    background: url(../images/time.png) no-repeat left center/ .18rem auto;
}

.home3 {
    padding: .4rem 0;
}

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

.s3-l {
    width: 48.7%;
}

.s3-r {
    width: 48.7%;
}

.list3 {
    padding: .12rem 0;
}

.list3 li {
    position: relative;
    border-left: 2px solid transparent;
    transition: all .6s;
}



.list3 li a {
    position: relative;
    display: block;
    padding-left: .2rem;
    line-height: .5rem;
    font-size: .2rem;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all .6s;
}

.list3 li a:After {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: .05rem;
    height: .05rem;
    border-radius: 50%;
    background: #000;
    transition: all .6s;
}


@media(min-width: 1024px) {
    .list3 li:hover {
        border-left: 2px solid #0355f6;
        padding-left: .1rem;
        margin-left: -.1rem;
        background: linear-gradient(to right, #d4e2f6, transparent);


    }

    .list3 li:hover a {
        color: #003ddb;
    }

    .list3 li:hover a:After {
        background: #0355f6;
    }
}

@media(max-width: 768px) {
    .list3 li a {
        overflow: visible;
        text-overflow: initial;
        white-space: initial;
        line-height: .24rem;
        padding-top: .1rem;
        padding-bottom: .1rem;
    }

    .list3 li a:After {
        top: .2rem;
    }
}

@media(max-width: 1199px) {}

.home4 {
    position: relative;
    padding: .2rem 0;
    overflow: hidden;
}

.home4 .tit {
    justify-content: center;
    border-bottom: none;
}

.s4-tit1 {
    margin-top: .15rem;
    margin-bottom: .4rem;
}

.s4-tit1 ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.s4-tit1 ul li {
    margin: 0 .09rem;
}

.s4-tit1 ul li span {
    display: block;
    min-width: 1.5rem;
    text-align: center;
    font-size: .2rem;
    padding: 0 .15rem;
    line-height: .48rem;
    border: 0.01rem solid #fff;
    border-radius: 0.3rem;
    background: rgba(255, 255, 255, .3);
    box-shadow: 0rem 0.02rem 0.15rem 0rem rgba(142, 205, 230, 0.4), inset 0rem 0rem 0.4rem 0rem rgba(206, 243, 255, 0.2);
    cursor: pointer;
}

.s4-tit1 ul li.on span {
    background: #0755ff;
    color: #fff;
}

.list4w {
    padding-bottom: .3rem;
}

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

.home4:After {
    content: "";
    position: absolute;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    border-bottom: 1px dashed #d8dcdf;
    bottom: 27%;
}

.list4wl ul {
    margin: 0 -.2rem;
}

.list4wl ul li a {
    position: relative;
    display: block;
    margin: 0 .2rem;
    margin-bottom: .2rem;
    transition: all .6s;
}

.list4wl ul li a:after {
    content: "";
    position: absolute;
    bottom: .45rem;
    right: -.25rem;
    width: .08rem;
    height: .08rem;
    background: #1167f3;
    border-radius: 50%;
    transition: all .6s;
}

.list4wl ul li a .s4-top {
    position: relative;
    border-top: .04rem solid #5090fd;
    padding: .35rem .3rem .7rem .3rem;
    /* box-shadow: 0px 2px 15px 0px rgba(142, 205, 230, 0.4), inset 0px 0px 40px 0px rgba(206, 243, 255, 0.2); */
    background: #fff;
    border-radius: .15rem;
    transition: all .6s;
}

.list4wl ul li a .s4-top:after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 99%;
    border: .25rem solid transparent;
    border-top: .25rem solid #fff;
    transition: all .6s;
}

.list4wl ul li a .s4-top p {
    line-height: .32rem;
    font-size: .2rem;
    color: #000;
    height: .96rem;
    transition: all .6s;
}

.list4wl ul li a .s4-date {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 auto;
    margin-top: .4rem;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: #0a57ff;
    color: #fff;
    transition: all .6s;

}

.list4wl ul li a .s4-date span {
    display: block;
    font-size: .14rem;
    line-height: .18rem;
    transition: all .6s;
}

.list4wl ul li a .s4-date span:first-child {
    font-size: .46rem;
    font-weight: bold;
    line-height: 1;
    transition: all .6s;
}

.home4 .jt-l {
    position: absolute;
    bottom: 24%;
    left: 4%;
    width: .4rem;
    height: .4rem;
    background: #fff url(../images/h4-l.png) no-repeat center center /.11rem auto;
    box-shadow: 0px 6px 10px 0px rgba(0, 33, 140, 0.16);
    border-radius: 50%;
    z-index: 6;
    cursor: pointer;
}

.home4 .jt-r {
    position: absolute;
    right: 4%;
    bottom: 24%;
    width: .4rem;
    height: .4rem;
    background: #fff url(../images/h4-r.png) no-repeat center center /.11rem auto;
    box-shadow: 0px 6px 10px 0px rgba(0, 33, 140, 0.16);
    border-radius: 50%;
    z-index: 6;
    cursor: pointer;
}

.home4 .more {
    margin: 0 auto;
    margin-top: .1rem;
}

@media(min-width: 1024px) {
    .list4wl ul li:hover a .s4-top {
        background: #462cd5;
    }

    .list4wl ul li:hover a .s4-top:after {
        border-top: .25rem solid #462cd5;
    }

    .list4wl ul li:hover a .s4-top p {
        color: #fff;
    }

    .list4wl ul li:hover a .s4-date {
        color: #fff;
        background: linear-gradient(to bottom, #2937c9, #5128d9);
        box-shadow: 0px 3px 21px 0px rgba(41, 56, 200, 0.33);
    }
}

.home5 {
    position: relative;
}

.home5 .wp {
    position: relative;
    z-index: 6;
}

.zt ul li a {
    display: block;
    padding: .25rem .2rem;
    padding-bottom: .1rem;
    background: url(../images/h5-bg1.png) no-repeat center center /100% 100%;

}



.zt ul li:nth-child(2n) a {
    background: url(../images/h5-bg2.png) no-repeat center center /100% 100%;
}

.zt ul li a .scale .imged {
    padding-bottom: 131.4%;
}

.zt li:nth-child(4n-3) .scale {
    clip-path: polygon(0 100%, 0 0, 100% 5%, 100% 95%);
}

.zt li:nth-child(4n-2) .scale {
    clip-path: polygon(0 95%, 0 5%, 100% 0%, 100% 100%);
}

.zt li:nth-child(4n-1) .scale {
    clip-path: polygon(0 100%, 0 0, 100% 5%, 100% 95%);
}

.zt li:nth-child(4n) .scale {
    clip-path: polygon(0 95%, 0 5%, 100% 0%, 100% 100%);
}

.h5-dowm {
    position: relative;
    /* padding-top: .65rem; */
    padding-bottom: .7rem;
    margin-top: -.6rem;
}

.h5-dowm.active .s5-jtl,
.h5-dowm.active .s5-jtr {
    display: none;
}

.s5-iclb {
    height: 4.6rem;
}

.s5-iclb .swiper-container {
    padding-top: 1.6rem;
}

.s5-iclb .swiper-slide {
    position: relative;
    /* animation: fd2 2s linear infinite; */
    transition: all .6s;
}

.s5-iclb .swiper-slide .ewm {
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    background: #fff;
    border-radius: .15rem;
    bottom: 88%;
    left: 50%;
    transform: translate(-50%, -10px);
    margin-bottom: .2rem;
    /* overflow: hidden; */
    opacity: 0;
    z-index: -1;
    transition: all .6s;
}

.s5-iclb .swiper-slide:hover .ewm {
    opacity: 1;
    z-index: 9;
    transform: translate(-50%, 0);
}

.s5-iclb .swiper-slide .ewm img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    border-radius: .15rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.s5-iclb .swiper-slide .ewm:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: .2rem solid transparent;
    border-top: .15rem solid #fff;
}

/* .s5-iclb .swiper-slide {
    /* animation: fd2 2s linear infinite; */
/* transition: all .6s; */
/* } */

.s5-iclb .swiper-slide-active {
    animation: fd2 2.5s linear infinite;
}

.s5-iclb .swiper-slide-active+div {
    animation: fd2 3s linear infinite;
}

.s5-iclb .swiper-slide-active+div+div {
    animation: fd2 3.5s linear infinite;
}

.s5-iclb .swiper-slide-active+div+div+div {
    animation: fd2 4s linear infinite;
}

.s5-iclb .swiper-slide-active+div+div+div+div {
    animation: fd2 4.5s linear infinite;
}

.s5-iclb .swiper-slide-active+div+div+div+div+div {
    animation: fd2 5s linear infinite;
}

.s5-iclb .swiper-slide-active+div+div+div+div+div+div {
    animation: fd2 5.5s linear infinite;
}

.s5-iclb .swiper-slide-active+div+div+div+div+div+div+div {
    animation: fd2 6s linear infinite;
}



.s5-iclb .swiper-slide-active,
.s5-iclb .swiper-slide-active+div+div+div+div+div {
    margin-top: .2rem;
}

.s5-iclb .swiper-slide-active+div {
    margin-top: .7rem;
}

.s5-iclb .swiper-slide-active+div+div {}

.s5-iclb .swiper-slide-active+div+div+div {
    margin-top: .35rem;
}

.s5-iclb .swiper-slide-active+div+div+div+div {
    margin-top: .95rem;
}

.s5-iclb .swiper-slide-active+div+div+div+div+div+div {
    margin-top: .5rem;
}

.s5-iclb a {
    display: block;
    margin: 0 .15rem;
}

.s5-iclb a .s5-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.3rem;
    height: 1.3rem;
    margin: 0 auto;
    border-radius: 50%;
    background: url(../images/s5-iconbg.png) no-repeat center center/100% 100%;
}

.s5-iclb a .s5-icon img {
    max-height: .45rem;
}

.s5-iclb a .s5-icon .s5-tb1 {
    display: none;
}

.s5-iclb a:hover .s5-icon .s5-tb1 {
    display: block;
}

.s5-iclb a:hover .s5-icon .s5-tb {
    display: none;
}

.s5-iclb a:hover .s5-icon img {
    animation: icon-yh 0.6s linear;
}

.s5-iclb a p {
    width: 80%;
    margin: 0 auto;
    margin-top: .05rem;
    font-size: .22rem;
    color: #fff;
    line-height: .32rem;
    height: .64rem;
    overflow: hidden;
    text-align: center;
}

.h5-dowm .s5-jtl {
    position: absolute;
    top: 32%;
    left: -5%;
    width: .7rem;
    height: .7rem;
    background: url(../images/s5iconl.png) no-repeat center center/.49rem auto;
    cursor: pointer;
    z-index: 6;
}

.h5-dowm .s5-jtr {
    position: absolute;
    top: 32%;
    right: -5%;
    width: .7rem;
    height: .7rem;
    background: url(../images/s5iconr.png) no-repeat center center/.49rem auto;
    cursor: pointer;
    z-index: 6;
}

#lizi {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 6rem;
}

@media screen and (max-width:1700px) {
    .h5-dowm .s5-jtl {
        left: -2%;
    }

    .h5-dowm .s5-jtr {
        right: -2%;
    }
}

@media screen and (max-width:1400px) {
    .h1-t .s1-bt1 a {
        font-size: .26rem;
    }
}

@media(max-width: 1199px) {
    .main-visual-wrapper {
        padding-top: 0;
    }

    .slide-inner:after {
        height: 1rem;
    }

    .swiper-box1 .cir {
        bottom: .1rem;
    }

    .s4-tit1 ul li {
        margin: 0 .1rem;
        margin-bottom: .15rem;
    }

    .list4wl ul li a .s4-top {
        padding: .2rem;
    }

    .list4wl ul li a .s4-date span:first-child {
        font-size: .3rem;
    }

    .home4:After {
        bottom: 26.5%;
    }
}

@media(max-width: 1024px) {
    .h1-t .swiper-slide {
        padding: 0 .2rem;
    }

    .s2-list li a {
        padding: 0 .2rem;
    }

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

    .s3-l {
        width: 100%;
    }

    .s3-r {
        width: 100%;
        margin-top: .2rem;
    }
}

@media(max-width: 768px) {
    .home1:before {
        top: .2rem
    }

    .home1:after {
        top: .2rem;
    }

    .home1 {
        padding: .2rem 0 .4rem;
    }

    .h1-t .s1-bt2 a {
        width: 100%;
        padding: .1rem .15rem;
    }

    .h1-t .s1-bt2:after {
        display: none;
    }

    .h1-t .s1-bt2 {
        padding-bottom: .2rem;
    }

    /* .h1-t .swiper-slide,
    .h1-t .swiper-container {
        height: 3.2rem !important;
    } */

    .kkbg {
        padding: .2rem;
    }

    .s2-list li {
        width: 100%;
    }


    .s2-list li a {
        border-left: none;
        padding: .2rem 0;
        border-bottom: 1px solid #cfe3f2;
        margin: 0;

    }

    .s2-list li a p {
        height: initial;
        overflow: visible;
        text-overflow: initial;
        display: -webkit-box;
        -webkit-line-clamp: initial;
        -webkit-box-orient: vertical;
    }

    .s2-list {
        margin: 0;
    }

    .s4-tit1 ul li span {
        min-width: 1rem;
    }

    .list4wl ul {
        margin: 0;
    }

    .list4wl ul li a:after {
        display: none;
    }

    .h5-dowm {
        padding-top: .2rem;
        padding-bottom: .2rem;
    }

    .s5-iclb .swiper-slide-active+div {
        margin-top: .2rem;
    }
}