@charset "utf-8";

body {
    overflow-x: hidden;
}



/* index */
.index {
    z-index: 99;
    background: #fff;
    overflow: hidden;
}

.tit1 {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: .28rem;
}

.tit1 h2 {
    font-size: 0.26rem;
    font-weight: 600;
    line-height: 0.26rem;
    color: #004cd8;
}

.tit1 a {
    font-size: 0.12rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.14rem;
    color: rgba(116, 128, 145, .47);
}

.tit1 a:hover {
    color: #005aff;
}


.tit2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #d0d3d7;
    position: relative;
    padding-bottom: .15rem;
}

.tit2::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    height: 3px;
    width: 1.2rem;
    background-color: #004cd8;
}

.tit2.nobbtm {
    border-color: transparent;
}

.tit2.nobbtm::after {
    opacity: 0;
}

.tit2 h2 {
    font-size: 0.26rem;
    font-weight: 600;
    line-height: 0.36rem;
    color: #004cd8;
}

.tit2 a {
    font-size: 0.12rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.14rem;
    color: rgba(116, 128, 145, .47);
}

.tit2 a:hover {
    color: #005aff;
}



.s1 {
    padding: .7rem 0 .8rem 0;
    background: #e3ecfb;
    background-position: center center;
    background-size: cover;
}

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

.s1-c ul li {
    width: 49%;
}



.s1-item {
    display: block;
    position: relative;
}

.s1-item .pic {
    padding-top: 66%;
}

.s1-item .pic::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(/uploads/image/nimages/s1-zzc.png) no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
}

.s1-item .info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 5% .3rem 5%;
    z-index: 9;
    transition: all 0.5s;
}

.s1-item .info span {
    display: block;
    font-size: 0.12rem;
    font-weight: normal;
    line-height: 0.24rem;
    color: #ffffff;
    opacity: 0.7;
}

.s1-item .info div {
    position: relative;
    padding-right: 1.2rem;
}

.s1-item .info h3 {
    font-size: 0.18rem;
    font-weight: 600;
    line-height: 0.24rem;
    color: #ffffff;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.s1-item .info div b {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translatey(-50%);
    width: 0.56rem;
    height: 0.56rem;
    border: solid 1px #9bb7e1;
    border-radius: 50%;
    background: url(/uploads/image/nimages/icon-right.png) no-repeat;
    background-position: center center;
    background-size: .17rem auto;
    transition: all 0.5s;
}

.s1-item:hover .info {
    transform: translatey(-10px);
}

.s1-item:hover .info div b {
    background: #005aff url(/uploads/image/nimages/icon-right.png) no-repeat;
    background-position: center center;
    background-size: .17rem auto;
    border-color: #005aff;
}

.s1-l .s1-item .info h3 {
    font-size: 0.24rem;
    line-height: 0.32rem;
    max-height: .64rem;
}


.s2 {
    background-image: linear-gradient(0deg,
            rgba(255, 255, 255, 0.21) 0%,
            rgba(179, 209, 255, 0.21) 100%),
        linear-gradient(#ffffff,
            #ffffff);
    padding: .65rem 0 .7rem 0;
}


.s2-t ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.35rem;
}

.s2-t ul li {
    width: 33.33%;
}

.s2-t ul li a {
    display: block;
    margin: 0 .35rem;
    position: relative;
}

.s2-t ul li a .pic {
    padding-top: 60%;
}

.s2-t ul li a .pic .date {
    position: absolute;
    left: 0;
    bottom: -.11rem;
    top: auto;
    transform: translatex(0);
    width: 0.58rem;
    height: 0.71rem;
    background-color: #f5f9ff;
    text-align: center;
    display: flex;
    align-items: center;
}

.s2-t ul li a .pic .date div {
    width: auto;
    height: auto;
    position: static;
    transform: none;
}

.s2-t ul li a .pic .date b {
    display: block;
    font-family: rubik-light;
    font-size: 0.3rem;
    font-weight: normal;
    line-height: 0.3rem;
    color: #0062f6;
}

.s2-t ul li a .pic .date span {
    display: block;
    font-size: 0.12rem;
    line-height: .12rem;
    font-weight: normal;
    color: #0062f6;
    margin-top: .05rem;
}

.s2-t ul li a .info {
    padding-top: .25rem;
}

.s2-t ul li a .info h3 {
    font-size: 0.18rem;
    font-weight: 600;
    line-height: 0.24rem;
    color: #00255d;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: .48rem;
}

.s2-t ul li a:hover .info h3 {
    color: #005aff;
}

.s2-b {
    border-bottom: 1px solid rgba(133, 135, 138, .16);
}

.s2-b ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.35rem;
    margin-top: .3rem;
    padding-bottom: .35rem;
}

.s2-b ul li {
    width: 33.33%;
}

.s2-b ul li a {
    display: flex;
    align-items: center;
    margin: 0 .35rem;
    padding-top: .3rem;
    padding-bottom: .3rem;
    border-top: 1px solid #9da8b4;
}

.s2-b ul li a .date {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-right: .3rem;
}

.s2-b ul li a .date b {
    display: block;
    font-family: rubik-light;
    font-size: 0.3rem;
    font-weight: normal;
    line-height: 0.3rem;
    color: #0062f6;
}

.s2-b ul li a .date span {
    display: block;
    font-size: 0.12rem;
    line-height: .12rem;
    font-weight: normal;
    color: #0062f6;
    margin-top: .05rem;
}

.s2-b ul li a .info {
    flex: 1;
    min-width: 0;
}

.s2-b ul li a .info h3 {
    font-size: 0.18rem;
    font-weight: 600;
    line-height: 0.26rem;
    color: #00255d;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: .52rem;
}

.s2-b ul li a:hover .info h3 {
    color: #005aff;
}


.s3-c {
    display: flex;

    justify-content: space-between;
}

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

.s3-m {
    width: 5.14rem;
    margin: 0 .6rem;
}


.s3-m ul {}

.s3-m ul li {}

.s3-m ul li a {
    display: block;
}

.s3-m ul li a .pic {
    padding-top: 69%;
}

.s3-m ul li a .info {
    height: 0.85rem;
    background-color: #ffffff;
    margin-left: .6rem;
    margin-top: -.46rem;
    position: relative;
    z-index: 9;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 0.03rem solid #004cd8;
    padding: 0 0 0 .32rem;
}

.s3-m ul li a .info h3 {
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 0.18rem;
    font-weight: 600;
    line-height: 0.28rem;
    max-height: .56rem;
}

.s3-m ul li a:hover .info h3 {
    color: #005aff;
}


.s3-m ul .slick-prev, .s3-m ul .slick-next {
    width: 0.58rem;
    height: 0.58rem;
    border-radius: 0.29rem;
    transition: all 0.5s;
    margin-top: -.4rem;
}

.s3-m ul .slick-prev {
    background: rgba(0, 64, 209, .8) url(/uploads/image/nimages/icon-left.png) no-repeat;
    background-position: center center;
    background-size: .17rem auto;
    transform: translatex(-.24rem) translatey(-50%);
}

.s3-m ul .slick-prev:hover {
    background: #009cff url(/uploads/image/nimages/icon-left.png) no-repeat;
    background-position: center center;
    background-size: .17rem auto;
}

.s3-m ul .slick-next {
    background: rgba(0, 64, 209, .8) url(/uploads/image/nimages/icon-right.png) no-repeat;
    background-position: center center;
    background-size: .17rem auto;
    transform: translatex(.24rem) translatey(-50%);
}

.s3-m ul .slick-next:hover {
    background: #009cff url(/uploads/image/nimages/icon-right.png) no-repeat;
    background-position: center center;
    background-size: .17rem auto;
}

.s3-m ul .slick-dots {
    position: static;
    /* margin-left: .6rem; */
    margin-top: .2rem;
    font-size: 0;
}

.s3-m ul .slick-dots li {
    width: 0.1rem;
    height: 0.1rem;
    background-color: #85878a;
    border-radius: 50%;
}

.s3-m ul .slick-dots li button {
    display: none;
}

.s3-m ul .slick-dots li.slick-active {
    background-color: #004cd8;
}

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

.s3-l .s3-list {
    padding-bottom: .2rem;
    border-bottom: 1px solid rgba(116, 128, 145, .14);
}

.s3-list ul {
    padding-top: .05rem;
    margin: 0 .06rem;
}

.s3-list ul li {
    margin-top: .2rem;
}

.s3-list ul li a {
    display: block;
}

.s3-list ul li a h3 {
    font-size: 0.18rem;
    font-weight: 600;
    line-height: 0.24rem;
    color: #00255d;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: .48rem;
}

.s3-list ul li a span {
    display: block;
    font-family: rubik-light;
    font-size: 0.12rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.24rem;
    color: #004cb4;
    margin-top: .05rem;
}

.s3-list ul li a:hover h3 {
    color: #005aff;
}

.s3-rb {
    background: url(/uploads/image/nimages/s3-rb-bg.png) no-repeat;
    background-position: right bottom;
    background-size: cover;
    margin-top: .25rem;
    padding-bottom: .2rem;
}

.tit3 {
    padding: 0 .2rem 0 .25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tit3 h3 {
    font-size: 0.18rem;
    font-weight: normal;
    line-height: 0.36rem;
    color: #004cd8;
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
}

.tit3 h3::after {
    content: "";
    display: block;
    flex: 1;
    min-width: 0;
    height: 1px;
    background-color: #737885;
    opacity: 0.2;
    margin: 0 .14rem;
}

.tit3 a {
    font-size: 0.12rem;
    font-weight: normal;
    line-height: 0.36rem;
    color: rgba(116, 128, 145, .47);
}

.tit3 a:hover {
    color: #005aff;
}

.s3-rb ul {
    margin-top: .15rem;
}

.s3-rb ul li a {
    display: block;
    border-left: 2px solid #004cd8;
    padding-left: .25rem;
    padding-right: .2rem;
}

.s3-rb ul li a p {
    font-size: 0.14rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.2rem;
    letter-spacing: 0rem;
    color: #454545;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.s3-rb ul li a:hover p {
    color: #005aff;
}



.s4 {
    position: relative;
    padding-bottom: 1.68rem;
    margin-top: .55rem;
}

.s4::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2.18rem;
    right: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
    background: url(/uploads/image/nimages/s4-bg.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
}

.s4>div {
    position: relative;
    z-index: 9;
}

.s4-c {
    display: flex;
    background: #fff;
}

.s4-l {
    width: 28%;
}

.s4-m {
    width: 44%;
    display: flex;
    flex-direction: column;

}

.s4-r {
    width: 28%;
    display: flex;
    flex-direction: column;
}

.s4-item {
    display: block;
    position: relative;
}

.s4-item .pic {
    padding-top: 68%;
}

.s4-item .pic::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(/uploads/image/nimages/s1-zzc.png) no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
}

.s4-item .info {
    padding: .34rem .4rem;
    position: relative;
}

.s4-item .info .tag {
    position: absolute;
    left: 0;
    bottom: 100%;
    right: 0;
    padding: 0 .4rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: .16rem;
}

.s4-item .info .tag::after {
    content: "";
    position: absolute;
    left: .45rem;
    top: 100%;
    margin-top: .04rem;
    border-style: solid;
    border-width: 0 .12rem .12rem .12rem;
    border-color: transparent transparent #fff transparent;
}

.s4-item .info .tag img {
    max-height: .37rem;
}

.s4-item .info .tag span {
    font-size: 0.12rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.3rem;
    letter-spacing: 0rem;
    color: #ffffff;
    margin-left: .1rem;
}

.s4-item .info h3 {
    font-size: 0.18rem;
    font-weight: 600;
    line-height: 0.24rem;
    color: #070e32;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: .48rem;
}

.s4-item .info div {
    position: relative;
    margin-top: .15rem;
}

.s4-item .info div span {
    display: block;
    font-family: rubik-light;
    font-size: 0.14rem;
    font-weight: normal;
    line-height: 0.3rem;
    color: #b5afad;
    position: relative;
}

.s4-item .info div b {
    position: absolute;
    width: 0.46rem;
    height: 0.46rem;
    border-radius: 50%;
    top: 50%;
    right: -.15rem;
    transform: translatey(-50%);
    bottom: 0;
    background: transparent url(/uploads/image/nimages/icon-right-b.png) no-repeat;
    background-position: center center;
    background-size: .17rem auto;
    transition: all 0.5s;
}

.s4-item:hover .info h3 {
    color: #005aff;
}

.s4-item:hover .info div b {
    background: #005aff url(/uploads/image/nimages/icon-right-w.png) no-repeat;
    background-position: center center;
    background-size: .17rem auto;
}

.s4-m ul {
    border-left: 1px solid rgba(185, 188, 193, .58);
    border-right: 1px solid rgba(185, 188, 193, .58);
    flex: 1;
    min-width: 0;

}

.s4-m ul li {
    border-top: 1px solid rgba(185, 188, 193, .58);
}

.s4-m ul li a {
    display: block;
    padding: .2rem 0;
}

.s4-m ul li a .info {
    padding: 0 .4rem;

}

.s4-m ul li a .info .tag {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}


.s4-m ul li a .info .tag img {
    max-height: .37rem;
}

.s4-m ul li a .info .tag span {
    font-size: 0.12rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.3rem;
    letter-spacing: 0rem;
    color: #333;
    margin-left: .1rem;
}

.s4-m ul li a .info h3 {
    font-size: 0.22rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.3rem;
    color: #070e32;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: .08rem;
    margin-bottom: .08rem;
}

.s4-m ul li a .info div {
    position: relative;
}

.s4-m ul li a .info div span {
    display: block;
    font-family: rubik-light;
    font-size: 0.14rem;
    font-weight: normal;
    line-height: 0.3rem;
    color: #b5afad;
    position: relative;
}

.s4-m ul li a .info div b {
    position: absolute;
    width: 0.46rem;
    height: 0.46rem;
    border-radius: 50%;
    top: 50%;
    right: -.15rem;
    transform: translatey(-50%);
    bottom: 0;
    background: transparent url(/uploads/image/nimages/icon-right-b.png) no-repeat;
    background-position: center center;
    background-size: .17rem auto;
    transition: all 0.5s;
}

.s4-m ul li a:hover .info h3 {
    color: #005aff;
}

.s4-m ul li a:hover .info div b {
    background: #005aff url(/uploads/image/nimages/icon-right-w.png) no-repeat;
    background-position: center center;
    background-size: .17rem auto;
}

.s4-m .s4-item .info {
    padding: .3rem .4rem;
    border-left: 1px solid rgba(185, 188, 193, .58);
    border-right: 1px solid rgba(185, 188, 193, .58);
}

.s4-m .s4-item .info h3 {
    display: block;
    font-weight: normal;
    font-size: .22rem;
    line-height: .3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: auto;
}

.s4-m .s4-item .info div {
    margin-top: .03rem;
}

.f4-rt {
    flex: 1;
    min-width: 0;
    background-color: #004cd8;
}

.f4-rt a {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: .44rem .45rem 0 .45rem;
}

.f4-rt a .tag {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: .35rem;
}

.f4-rt a .tag img {
    max-height: .34rem;
}

.f4-rt a .tag div {
    display: flex;
    align-items: flex-end;
}

.f4-rt a .tag div b {
    font-family: rubikroman-regular;
    font-size: 0.36rem;
    font-weight: normal;
    line-height: 0.36rem;
    color: #ffffff;
}

.f4-rt a .tag div span {
    font-size: 0.12rem;
    font-weight: normal;
    line-height: 0.18rem;
    color: #ffffff;
    margin-left: .1rem;
}

.f4-rt a .pic {
    flex: 1;
    min-width: 0;
    width: 100%;
    padding-top: 0;
}
.f4-rt a .pic div {
    background-size: contain;
}
.s5 {
    padding-top: .85rem;
    padding-bottom: 2.93rem;
    background: #e9f3fb url(/uploads/image/nimages/s5-jz.png) no-repeat;
    background-position: center bottom;
    position: relative;
    z-index: 1;
}

.s5-tit {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: .5rem;
}

.s5-tit span {
    width: 1.2rem;
    height: 0.01rem;
    background-color: #004cd8;
}

.s5-tit b {
    font-size: 0.26rem;
    font-weight: 600;
    line-height: 0.36rem;
    color: #004cd8;
    margin: 0 .7rem;
}

.s5-c>ul {}

.s5-c>ul .slick-list {
    padding-top: 5.2% !important;
    padding-bottom: 5.2% !important;
}

.s5-c>ul li a {
    display: block;
    position: relative; 
    padding-top: 56%;
    transition: all 0.5s;
}

.s5-c>ul li a .pic {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    padding-top: 0;
    transform: translatex(-50%) translatey(-50%);
    transition: all 0.5s;
}

.s5-c>ul li a .pic div::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(/uploads/image/nimages/icon-play1.png) no-repeat;
    background-position: center center;
    background-size: .83rem auto;
    opacity: 0;
    transition: all 0.5s;
}

.s5-c>ul li a .pic::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(/uploads/image/nimages/s3-zzc.png) no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
    opacity: 0;
    transition: all 0.5s;

}

.s5-c>ul li a .info {
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
    right: 0;
    bottom: 0;
    padding: 0 .4rem .25rem .4rem;
    z-index: 9;
    transition: all 0.5s;
    display: flex;
    align-items: center;
    opacity: 0;
    transition: all 0.5s;
}

.s5-c>ul li a .info p {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.18rem;
    font-weight: 600;
    line-height: 0.24rem;
    color: #f2f3f3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.s5-c>ul li a .info span {
    font-family: rubik-light;
    font-size: 0.14rem;
    font-weight: normal;
    line-height: 0.3rem;
    color: #ffffff;
    margin-left: .7rem;
}

.s5-c ul .slick-dots {
    position: static;
    margin-top: .25rem;
}

.s5-c ul .slick-dots li {
    width: 0.1rem;
    height: 0.1rem;
    background-color: #85878a;
    border-radius: 50%;
}

.s5-c ul .slick-dots li button {
    display: none;
}

.s5-c ul .slick-dots li.slick-active {
    background-color: #004cd8;
}

.s6 {
    position: relative;
    z-index: 2;
    margin-top: -1.8rem;
}

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

.s6-c ul {
    margin: 0 -.15rem;
}

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

.s6-c ul li a {
    display: block;
    margin: 0 .15rem;
}

.s6-c ul li a .pic {
    padding-top: 61%;
}

.s6-c ul li a .info {
    padding-top: .2rem;
}

.s6-c ul li a .info p {
    font-size: 0.17rem;
    font-weight: normal;
    line-height: 0.24rem;
    color: #070e32;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: .48rem;
}

.s6-c ul li a .info div {
    width: 0.52rem;
    height: 1px;
    background-color: #004cd8;
    margin-top: .25rem;
}

.s6-c ul li a:hover .info p {
    color: #005aff;
}


.s6-c ul .slick-prev, .s6-c ul .slick-next {
    width: 0.58rem;
    height: 0.58rem;
    border-radius: 0.29rem;
    transition: all 0.5s;
    margin-top: -.4rem;
    opacity: 0;
}

.s6-c ul .slick-prev {
    background: rgba(0, 64, 209, .5) url(/uploads/image/nimages/icon-left.png) no-repeat;
    background-position: center center;
    background-size: .17rem auto;
    transform: translatex(-.17rem) translatey(-50%);
}

.s6-c ul .slick-prev:hover {
    background: #009cff url(/uploads/image/nimages/icon-left.png) no-repeat;
    background-position: center center;
    background-size: .17rem auto;
}

.s6-c ul .slick-next {
    background: rgba(0, 64, 209, .5) url(/uploads/image/nimages/icon-right.png) no-repeat;
    background-position: center center;
    background-size: .17rem auto;
    transform: translatex(.17rem) translatey(-50%);
}

.s6-c ul .slick-next:hover {
    background: #009cff url(/uploads/image/nimages/icon-right.png) no-repeat;
    background-position: center center;
    background-size: .17rem auto;
}

.s6-c:hover:hover .slick-prev,
.s6-c:hover .slick-next {
    opacity: 1;
}


.s7 {
    padding-top: 1.24rem;
    position: relative;
    padding-bottom: 1.26rem;
    
}
.s7::before{
    content: "";
    position: absolute;
    left: 0; 
    right: 0;
    bottom: 0;
    height: 4.2rem;
    background-color: #d8dfed;
    z-index: 1;
}
.s7::after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background: url(/uploads/image/nimages/s7-bg.png) no-repeat;
    background-position: left bottom;
    background-size: 100% auto;
}
.s7-c {
    position: relative;
}
.s7-t{
    position: relative;
    z-index: 1;
}
.s7-t ul {}

.s7-t ul li {}

.s7-t ul li a {
    display: block;
}

.s7-t ul li a .pic {
    padding-top: 58%;
}

.s7-t ul li a .pic::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3.78rem;
    background: url(/uploads/image/nimages/s7-zzc.png) no-repeat;
    background-position: center bottom;
    background-size: cover;
}

.s7-t ul li a p {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 1.15rem;
    z-index: 9;
    font-size: 0.24rem;
    font-weight: 600;
    color: #ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.s7-b {
    margin: 0 1.1rem;
    background-color: #d8dfed;
    margin-top: -.9rem;
    display: flex;
    padding: .12rem .12rem .15rem .28rem;
    position: relative;
    z-index: 2;
}

.s7-b-l {
    width: 1.2rem;
    margin-right: .15rem;
}

.s7-b-l div {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: .1rem 0;
    border-bottom: 1px solid rgba(7, 14, 50, .18);
}

.s7-b-l div h3 {
    font-size: 0.2rem;
    font-weight: 600;
    line-height: 0.36rem;
    color: #004cd8;
}

.s7-b-l div a {
    font-size: 0.12rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.36rem;
    letter-spacing: 0rem;
    color: rgba(133, 135, 138, .71);
}

.s7-b-l div a:hover {
    color: #005aff;
}

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

.s7-b-r ul {
    margin: 0 -.06rem;
}

.s7-b-r ul li a {
    display: block;
    margin: 0 .06rem;
    background: #0040d1;
}

.s7-b-r ul li a .pic {
    padding-top: 58%;
    opacity: .5;
}
.s7-b-r ul li a:hover .pic{
    opacity: .6;
}

.s7-b-r ul li.slick-current a .pic{
    opacity: 1;
}
@media screen and (min-width: 1025px) {}
@media screen and (min-width: 769px) {
    .s5-c>ul li.slick-current {
        position: relative;
        z-index: 9;
    }
    .s5-c>ul li a { 
        opacity: .6; 
    }
    .s5-c>ul li.slick-current a {
        opacity: 1;
    }
    
    .s5-c>ul li.slick-current a .pic {
        width: 155%;
        height: 155%;
    }
    
    .s5-c>ul li.slick-current a .pic::after {
        opacity: 1;
    }
    
    .s5-c>ul li.slick-current a .pic div::before {
        opacity: 1;
    }
    
    .s5-c>ul li.slick-current a .info {
        opacity: 1;
        width: 155%;
        bottom: -25%;
    }
    
}
 
@media screen and(-ms-high-contrast:active), (-ms-high-contrast:none) {}
@media screen and (max-width: 1320px) {
    .s3-m{margin: 0 .3rem;}
    .f4-rt a{padding: .35rem .35rem 0.35rem;}
    .f4-rt a .tag div b{font-size: .3rem;line-height: .3rem;}
}

@media screen and (max-width: 1024px) {
    .s1,.s2{padding: .35rem 0;}

    .s1-item .info h3{font-size: .16rem;}
    .s4-m ul li a .info h3,.s4-m .s4-item .info h3{font-size: .18rem;}
    .s1-item .info div b,.s3-m ul .slick-prev, .s3-m ul .slick-next,.s6-c ul .slick-prev, .s6-c ul .slick-next,.s6-c ul .slick-prev, .s6-c ul .slick-next{width: 0.4rem;height: .4rem;background-size: .12rem auto;}
    .s1-item .info{padding: 0 .2rem .2rem .2rem;}

    .s1-item .info div{padding-right: 1rem;}

    .s2-t ul,.s2-b ul{display: block;margin: 0;}
    .s2-t ul li{width: auto;margin-bottom: .3rem;}
    .s2-t ul li a{margin: 0 auto;}
    .s2-t ul li a .info{padding-top: .18rem;}
    .s2-b ul{padding-bottom: 0;}
    .s2-b ul li{width: auto;}
    .s2-b ul li a{margin: 0;padding:.2rem 0 ;}
    .s3-c{display: block;}
    .s3-m{width: auto;margin: .25rem 0;}
    .s3-m ul{margin: 0 .25rem;}
    .s3-m ul .slick-dots{margin-top: 0;}

    .s4{padding-bottom: .35rem;margin-top: .35rem;}
    .s4-c{display: block;}
    .s4-l,.s4-m,.s4-r{width: auto;}
    .s4-item .info,.f4-rt a,.s4-m .s4-item .info{padding: .2rem;}
    .s4-item .info .tag,.s4-m ul li a .info{padding: 0 .2rem;}
    .s4-item .info .tag::after{margin-top: .05rem;left: .25rem;}
    .f4-rt a .tag{margin-bottom: 0;}
    .f4-rt a{display: block;padding: .3rem .45rem 0 .45rem;}
    .f4-rt a .pic{padding-top: 106%;margin-top: 0.3rem;}

    .s5{padding-top: .35rem;padding-bottom: 1.4rem;}
    .s5{background-size: 8rem auto;}
    .s5-tit{margin-bottom: .3rem;}
    .s5-tit b{margin: 0 .3rem;}
    .s5-tit span{flex: 1;min-width: 0;}
    .s5-c>ul li a .info{padding: 0 .2rem .15rem .2rem;}
    .s5-c>ul li a .info span{margin-left: .3rem;}
    .s5-c>ul li a .pic div::before{background-size: .4rem auto;}
    
.s5-c ul .slick-prev, .s5-c ul .slick-next {
    width: 0.4rem;
    height: .4rem;
    border-radius: 0.29rem;
    transition: all 0.5s;
    margin-top: -.4rem;
}

.s5-c ul .slick-prev {
    background: rgba(0, 64, 209, .5) url(/uploads/image/nimages/icon-left.png) no-repeat;
    background-position: center center;
    background-size: .12rem auto;
    transform: translatex(-.17rem) translatey(-50%);
}

.s5-c ul .slick-prev:hover {
    background: #009cff url(/uploads/image/nimages/icon-left.png) no-repeat;
    background-position: center center;
    background-size: .12rem auto;
}

.s5-c ul .slick-next {
    background: rgba(0, 64, 209, .5) url(/uploads/image/nimages/icon-right.png) no-repeat;
    background-position: center center;
    transform: translatex(.17rem) translatey(-50%);
    background-size: .12rem auto;
}

.s5-c ul .slick-next:hover {
    background: #009cff url(/uploads/image/nimages/icon-right.png) no-repeat;
    background-position: center center;
    background-size: .12rem auto;
}

.s5-c:hover:hover .slick-prev,
.s5-c:hover .slick-next {
    opacity: 1;
}

    .s6{margin-top: -.75rem;}
    .s6-c{padding-top: 0;}
    .s6-c ul{margin: 0 -.05rem;}
    .s6-c ul li a{margin: 0 .05rem;}
    .s6-c ul li a .info div{margin-top: .15rem;}
    .s6-c ul .slick-list{overflow: hidden;}
    .s6-c ul .slick-prev, .s6-c ul .slick-next{opacity: 1;}
    .s6-c ul .slick-prev{transform: translatex(0) translatey(-50%);}
    .s6-c ul .slick-next{transform: translatex(0) translatey(-50%);}
    .s7{padding-top: .35rem;padding-bottom: .35rem;}
    .s7-b{margin: .25rem 0 0 0;padding: .12rem;display: block;background: none;}
    .s7-b-l{width: auto;margin-right: 0;margin-bottom: .15rem;}
    .s7-b-l div{padding: 0;flex-direction: row;}
    .s7-t ul li a p{bottom: 0.2rem;font-size: .18rem;}



    .s4-r{display:flex;flex-wrap:wrap;}
    .s4-r>div{order:1;width:100%;}
.s4-r>div.f4-rt{width:100%;order:2;}


}


@media screen and (max-width: 768px) {
    .s1-c ul{display: block;}
    .s1-c ul li{width: auto;}
    .s1-c ul li:nth-child(2){margin-top: .2rem;}
    .s5-c>ul li.slick-current a .pic::after {opacity: 1;}
    .s5-c>ul li a .pic div::before {opacity: 1;}
    .s5-c>ul li a .info {opacity: 1;width: 100%;}
    .s5-c>ul .slick-list{padding: 0 !important;}
    .s6-c ul .slick-list{padding: 0 13% !important;}
    .s6-c ul .slick-prev{left: 0.1rem;}
    .s6-c ul .slick-next{right: 0.1rem;}
    .s6-c ul .slick-list{overflow: visible;}
    .s6-c ul li a{margin: 0 .1rem;}
    .s7::before{height: 70%;}

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