@charset "utf-8";

body {
    background: #F1F1F1 url(../images/index-bg1.png) no-repeat;
    background-position: center top;
    background-size: 100% auto;
}


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

.tab-bd {
    position: relative;
}

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

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

.psearch {
    border-radius: 2.4rem;
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, .5);
    padding: .08rem;
    max-width: 14.4rem;
    margin: 0 auto;
    margin-top: .24rem;
    background: rgba(255, 255, 255, 0.1);
    box-shadow: -0.3rem 0.19rem 0.52rem 0rem rgba(157, 166, 222, 0.45);
    backdrop-filter: blur(0.38rem) saturate(100%);
    position: relative;
    z-index: 2;
}

.psearch-line1 {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}

.psearch-line1 svg {
    position: absolute;
    top: -2px;
    left: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
}


.itit {
    position: relative;
    z-index: 9;
    padding-top: .2rem;
}

.itit::before {
    content: "";
    position: absolute;
    left: -.66rem;
    top: 0;
    background: url(../images/tit-bg.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    width: 3.33rem;
    height: 0.66rem;
    z-index: -1;
}

.itit-text {}

.itit-text h2 {
    display: flex;
    align-items: center;
    font-family: MiSans;
    font-size: 0.5rem;
    line-height: .66rem;
    font-weight: normal;
}

.itit-text h2 b {
    color: #4465FC;
    font-weight: normal;
}

.itit-text h3 {
    font-family: MiSans;
    font-size: 0.2rem;
    font-weight: normal;
    line-height: .27rem;
    letter-spacing: normal;
    color: rgba(51, 51, 51, 0.7);
    margin-top: .05rem;
}

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

.itit-more a {
    display: block;
    width: 1.13rem;
    font-family: MiSans;
    font-size: 0.2rem;
    font-weight: normal;
    line-height: 0.48rem;
    color: #3D3D3D;
    text-align: center;
    border-radius: 0.25rem;
    background: rgba(255, 255, 255, 0.8);
    box-sizing: border-box;
    border: 0.01rem solid #FFFFFF;
    box-shadow: 0rem 0.11rem 0.2rem 0rem rgba(0, 0, 0, 0.08);
    transition: all .5s;
}

.itit.center::before {
    left: 50%;
    transform: translateX(-50%);
}

.itit.center .itit-text h2 {
    justify-content: center;
}

.itit.center .itit-text h3 {
    text-align: center;
}

.s1 {
    padding-top: 2.23rem;
    padding-left: 1.54rem;
    padding-right: 1.85rem;
}

.s1-c {
    display: flex;
    position: relative;
    z-index: 1;
}

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

.s1-l .welcome {}

.s1-l .welcome h3 {
    font-size: 0.8rem;
    font-weight: normal;
    line-height: 0.8rem;
    letter-spacing: normal;
    color: #FFFFFF;
}

.s1-l .welcome p {
    font-size: 0.18rem;
    font-weight: normal;
    line-height: 0.32rem;
    text-transform: uppercase;
    letter-spacing: normal;
    color: #FFFFFF;
    text-indent: 2em;
    margin-top: .29rem;
}

.s1-l .tab-main {
    position: relative;
    z-index: 1;
    margin-top: 0.39rem;
    border-radius: 0.15rem;

    overflow: hidden;
}

.s1-l .tab-main::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(288deg, rgba(43, 152, 255, 0.702) 0%, rgba(10, 78, 237, 0.702) 96%);
    box-sizing: border-box;
    backdrop-filter: blur(10rem) saturate(100%);
    box-shadow: 0.09rem 0.11rem 0.28rem 0rem rgba(14, 69, 186, 0.2);
    z-index: -1;
}

.s1-l .tab-hd {}

.s1-l .tab-hd ul {
    display: flex;
}

.s1-l .tab-hd ul li {
    flex: 1;
    min-width: 0;
    position: relative;
    z-index: 1;
}

.s1-l .tab-hd ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    right: 0;
    bottom: -1px;
    background: #fff;
    border-radius: .05rem;
    transform: skewX(-37deg);
    opacity: 0;
    transition: all .5s;
}

.s1-l .tab-hd ul li:first-child::before {
    transform-origin: left top;
}

.s1-l .tab-hd ul li:last-child::before {
    transform-origin: right bottom;
}

.s1-l .tab-hd ul li a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0.15rem .2rem .1rem .3rem;
    font-size: 0.18rem;
    font-weight: normal;
    line-height: .25rem;
    letter-spacing: normal;
    color: #FFFFFF;
    position: relative;
    z-index: 1;
}


.s1-l .tab-hd ul li.on::before {
    opacity: 1;
}

.s1-l .tab-hd ul li.on a {
    background: linear-gradient(99deg, #2fbdff -7%, #0b38b3 109%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-size: .2rem;
    font-weight: 600;
}



.s1-l .s1-llist {
    padding: .3rem;
}

.s1-l .s1-llist li a {
    padding-left: .25rem;
    position: relative;
    display: block;
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 0.36rem;
    letter-spacing: normal;
    color: #FFFFFF;
    //overflow: hidden;
    //text-overflow: ellipsis;
    //white-space: nowrap;
   cursor: pointer;
}

.s1-l .s1-llist li a::before {
    content: "";
    position: absolute;
    left: 0.1rem;
    top: 0.18rem;
    transform: translateY(-50%);
    width: 0.05rem;
    height: 0.05rem;
    background: #fff;
    border-radius: 50%;
}

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

.s1-r ul {
    /* position: relative; */
    /* z-index: 9; */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.s1-r ul li {
    display: flex;
    position: relative;
    z-index: 9;
}

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

.s1-r ul li:nth-child(2) {
    margin-left: .65rem;
    margin-top: .1rem;
    margin-bottom: .4rem;
}

.s1-r ul li:nth-child(4) {
    margin-left: .65rem;
    margin-top: .39rem;
}

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

.s1-r ul li a {
    display: flex;
    flex-direction: column;
    justify-self: center;
    align-items: center;
    text-align: center;
}

.s1-r ul li a div {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.s1-r ul li a div::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    background: url(../images/s1-rnumbg.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    width: 1.01rem;
    height: 0.95rem;
    z-index: -1;
    pointer-events: none;
}

.s1-r ul li a div b {
    font-size: .36rem;
    line-height: .44rem;
    color: #fff;
}

.s1-r ul li a div span {
    font-size: .18rem;
    line-height: .3rem;
    color: #fff;
    margin-left: .1rem;
}

.s1-r ul li a p {
    font-size: 0.2rem;
    font-weight: normal;
    line-height: .28rem;
    letter-spacing: normal;
    color: #FFFFFF;
    text-align: center;
    margin-top: .22rem;
}

.s1-r .aijqr {
    position: absolute;
    right: 0;
    top: 0;
    /* z-index: 1; */
}

.s1-r .aijqr .jqrbox img {
    display: block;
    width: 5.65rem;
}

.s1-r .aijqr .jqrtext {
    position: absolute;
    bottom: calc(100% - .38rem);
    left: calc(100% - .79rem);
    width: 2.32rem;
    height: 0.98rem;

    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 .25rem .14rem .25rem;
    z-index: 1;
}

.s1-r .aijqr .jqrtext::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/jqrtext-bg1.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    z-index: -1;
    pointer-events: none;
    backdrop-filter: blur(0.1rem) saturate(100%);
    filter: drop-shadow(-0.04rem 0.05rem 0.11rem rgba(29, 65, 143, 0.15));
}

.s1-r .aijqr .jqrtext p {
    font-size: 0.14rem;
    font-weight: normal;
    line-height: .2rem;
    letter-spacing: normal;
    color: #FFFFFF;
}

.s2 {
    padding-top: 1rem;
    display:none;
}

#certify {
    position: relative;
}

#certify .swiper-container {
    padding: .5rem .1rem;
}

#certify .swiper-slide {
    width: 4.06rem;
    transition: all 0.5s;
}

#certify .swiper-slide a {
    display: block;
    padding: .26rem .27rem 0 .3rem;
    height: 5.16rem;
    position: relative;
    z-index: 1;
    background: url(../images/s2-citembg1.png) no-repeat;
    background-position: center center;
    background-size: cover;
    transition: all .5s;
    border-radius: .2rem;
    box-shadow: -0.08rem 0.08rem 0.4rem 0rem rgba(0, 0, 0, 0.1);
}

#certify .swiper-slide a::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/s2-citemjz.png) no-repeat;
    background-position: center bottom;
    background-size: 90% auto;
    z-index: -1;
    pointer-events: none;
    opacity: 0;
    transition: all .5s;
}

#certify .swiper-slide a .sycs {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#certify .swiper-slide a .sycs span {
    min-width: 1.48rem;
    padding: 0 .15rem;
    text-align: center;
    line-height: 0.27rem;
    font-size: 0.14rem;
    color: #333333;
    background: rgba(68, 101, 252, 0.3);
    border-radius: .2rem;
}

#certify .swiper-slide a .sycs i {
    width: 0.36rem;
    height: 0.36rem;
    background: url(../images/s2-c-ysj1.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    transition: all .5s;
}

#certify .swiper-slide a .icons {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 0.9rem;
    margin-top: .55rem;
}

#certify .swiper-slide a .icons img {
    position: relative;
    z-index: 1;
    transition: all .5s;
    height: 100%;
    opacity: 1;
}

#certify .swiper-slide a .icons img:nth-child(2) {
    opacity: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 2;
}

#certify .swiper-slide a h3 {
    font-size: 0.24rem;
    font-weight: 600;
    line-height: .32rem;
    text-align: center;
    letter-spacing: normal;
    color: #333333;
    margin-top: .3rem;
}

#certify .swiper-slide a b {
    width: 0.31rem;
    height: 0.05rem;
    margin: 0.24rem auto;
    border-radius: 0.49rem;
    background: #333333;
    display: block;
}

#certify .swiper-slide a p {
    font-size: 0.16rem;
    font-weight: normal;
    line-height: .21rem;
    text-align: center;
    letter-spacing: normal;
    color: rgba(51, 51, 51, 0.7);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: .42rem;
}

#certify .swiper-slide.swiper-slide-active a {
    background: url(../images/s2-citembg2.png) no-repeat;
    background-position: center center;
    background-size: cover;
}

#certify .swiper-slide.swiper-slide-active a .sycs span {
    background: rgba(255, 255, 255, 0.3);
    color: #FFFFFF;
}

#certify .swiper-slide.swiper-slide-active a .sycs i {
    background: url(../images/s2-c-ysj2.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

#certify .swiper-slide.swiper-slide-active a .icons img {
    opacity: 0;
}

#certify .swiper-slide.swiper-slide-active a .icons img:nth-child(2) {
    opacity: 1;
}

#certify .swiper-slide.swiper-slide-active a h3 {
    color: #FFFFFF;
}

#certify .swiper-slide.swiper-slide-active a b {
    background: #FFFFFF;
}

#certify .swiper-slide.swiper-slide-active a p {
    color: #FFFFFF;
}

#certify .swiper-slide.swiper-slide-active a::after {
    opacity: 1;
}

#certify .swiper-slide.swiper-slide-prev a {
    transform: translateX(-.5rem);
}

#certify .swiper-slide.swiper-slide-next a {
    transform: translateX(.5rem);
}

.s2-b {
    position: relative;
    z-index: 1;
}

.s2-b .aijqr {
    position: absolute;
    left: calc(6.25% - .16rem);
    transform: translateX(-50%);
    bottom: calc(100% - .72rem);
    z-index: 2;
}

.s2-b .aijqr .jqrbox {
    position: relative;
    z-index: 2;
}

.s2-b .aijqr .jqrbox img {
    display: block;
    width: 1.31rem;
}

.s2-b .aijqr .jqrtext {
    position: absolute;
    left: .38rem;
    bottom: calc(100% - .2rem);
    width: 3.92rem;
    height: .84rem;
    z-index: 1;
    padding: 0 .33rem .12rem .27rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.s2-b .aijqr .jqrtext p {
    font-size: 0.14rem;
    font-weight: normal;
    line-height: .2rem;
    letter-spacing: normal;
    color: #666666;
}

.s2-b .aijqr .jqrtext::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/jqrtext-bg2.png) no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: -1;
    pointer-events: none;
    /* backdrop-filter: blur(0.1rem) saturate(100%); */
    filter: drop-shadow(-0.04rem 0.05rem 0.11rem rgba(29, 65, 143, 0.15));
}

.s2-b .swiper-container {
    margin: 0 -.18rem;
    padding: .45rem 0 .36rem 0;
}

.s2-b .swiper-slide a {
    display: block;
    border-radius: 0.25rem;
    box-sizing: border-box;
    padding: .34rem .25rem .2rem .25rem;
    position: relative;
    z-index: 1;
    margin: 0 .17rem;
}

.s2-b .swiper-slide a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 0.25rem;
    box-sizing: border-box;
    z-index: -2;
    border: 2px solid #FFFFFF;
    opacity: 0;
    transition: all .5s;
}

.s2-b .swiper-slide a::after {
    content: "";
    position: absolute;
    left: .09rem;
    top: .09rem;
    right: .09rem;
    bottom: .09rem;
    border-radius: 0.25rem;
    background: rgba(255, 255, 255, 0.3);
    box-sizing: border-box;
    border: 1px solid #FFFFFF;
    box-shadow: 0rem 0.15rem 0.3rem 0rem rgba(0, 0, 0, 0.1);
    z-index: -1;
}

.s2-b .swiper-slide a .icons {}

.s2-b .swiper-slide a .icons img {
    display: block;
    margin: 0 auto;
    height: 0.45rem;
}

.s2-b .swiper-slide a h3 {
    font-size: 0.14rem;
    text-align: center;
    font-weight: normal;
    line-height: .17rem;
    text-align: center;
    letter-spacing: normal;
    color: rgba(51, 51, 51, 0.8);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: .34rem;
    margin-top: .16rem;
}

.s2-b .swiper-slide.swiper-slide-active a::before {
    opacity: 1;
}

.s2-b .swiper-prev {
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    width: 0.59rem;
    height: 0.59rem;
    border: 1px solid #FFFFFF;
    z-index: 9;
    border-radius: 0.5rem;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0rem 0.11rem 0.2rem 0rem rgba(0, 0, 0, 0.08);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: .26rem;
    cursor: pointer;
    transition: all .5s;
}


.s2-b .swiper-prev svg {
    width: .13rem;
    transition: all .5s;
}

.s2-b .swiper-prev svg path {
    transition: all .5s;
}

.s2-b .swiper-next {
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    width: 0.59rem;
    height: 0.59rem;
    border: 1px solid #FFFFFF;
    z-index: 9;
    border-radius: 0.5rem;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0rem 0.11rem 0.2rem 0rem rgba(0, 0, 0, 0.08);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: .26rem;
    cursor: pointer;
    transition: all .5s;
}

.s2-b .swiper-next svg {
    width: .13rem;
    transition: all .5s;
}

.s2-b .swiper-next svg path {
    transition: all .5s;
}


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

.s3-c {
    display: flex;
    margin-top: .15rem;
    padding-bottom: 1.45rem;
    position: relative;
    z-index: 1;
    align-items: flex-start;
}

.s3-c::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 100vw;
    height: 3.15rem;
    background: linear-gradient(0deg, rgba(226, 236, 243, 0), #e6eff3 41%, #e6eff3 51%, rgba(226, 236, 243, 0) 100%);
    z-index: 2;
    pointer-events: none;
}

.s3-c::after {
    content: "";
    position: absolute;
    left: 0;
    top: 1.8rem;
    transform: translateX(-3.4rem);
    z-index: -1;
    background: url(../images/s3-lbg.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    width: 11.99rem;
    height: 3.69rem;
}

.s3-l {
    flex: 1;
    min-width: 0;
    position: relative;
    z-index: 3;
}

.s3-l .aijqr {
    position: relative;
    display: flex;
    justify-content: flex-end;
}

.s3-l .aijqr .jqrbox {
    position: relative;
    z-index: 2;
    padding-bottom: 0;
}

.s3-l .aijqr .jqrbox img {
    display: block;
    width: 6.35rem;
    position: relative;
    z-index: 2;
}

.s3-l .aijqr .jqrbox .jqrdz {
    width: 1.92rem;
    height: 0.21rem;
    position: absolute;
    left: 50%;
    margin-left: -1.1rem;
    bottom: 0;
}

.s3-l .aijqr .jqrbox .jqrdz::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 4.4rem;
    height: 0.47rem;
    background: rgba(68, 101, 252, 0.1);
    border-radius: 50%;
}

.s3-l .aijqr .jqrbox .jqrdz::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 2.84rem;
    height: 0.31rem;
    background: rgba(68, 101, 252, 0.3);
    border-radius: 50%;
}

.s3-l .aijqr .jqrbox .jqrdz>div {
    width: 1.92rem;
    height: 0.21rem;
    background: #4465FC;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    border-radius: 50%;
}

.s3-l .aijqr .jqrtext {
    position: absolute;
    right: -1.7rem;
    bottom: calc(100% - .2rem);
    width: 3.92rem;
    height: .84rem;
    z-index: 1;
    padding: 0 .33rem .12rem .27rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.s3-l .aijqr .jqrtext p {
    font-size: 0.14rem;
    font-weight: normal;
    line-height: .2rem;
    letter-spacing: normal;
    color: #666666;
}

.s3-l .aijqr .jqrtext::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/jqrtext-bg3.png) no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: -1;
    pointer-events: none;
    /* backdrop-filter: blur(0.1rem) saturate(100%); */
    filter: drop-shadow(-0.04rem 0.05rem 0.11rem rgba(29, 65, 143, 0.15));
}


.s3-r {
    width: 8.06rem;
    margin-left: .4rem;
    position: relative;
    z-index: 1;
}

.s3-r::before {
    content: "";
    position: absolute;
    left: .2rem;
    top: 0;
    bottom: 0;
    border-radius: 0.25rem;
    background: linear-gradient(180deg, #4465fc00 0%, #4465fc 28%, #4465fc00 111%);
    width: 0.02rem;
    z-index: -1;
}

.s3-r ul {
    position: relative;
    z-index: 2;
    padding: .47rem 0;
    margin-right: -1rem;
    padding-right: 1rem;
    overflow-y: auto;
    max-height: 7.8rem;
}

.s3-r ul::-webkit-scrollbar {
    width: 0;
}

.s3-r ul li+li {
    margin-top: .4rem;
}

.s3-r ul li div {
    display: flex;
    align-items: center;
}

.s3-r ul li div b {
    border: 0.01rem solid #4465FC;
    width: 0.42rem;
    height: 0.42rem;
    position: relative;
    z-index: 1;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.s3-r ul li div b::before {
    content: "";
    position: absolute;
    left: .08rem;
    top: .08rem;
    right: .08rem;
    bottom: .08rem;
    background: #4465FC;
    z-index: -1;
    border-radius: 50%;
}

.s3-r ul li div b img {
    max-width: .16rem;
    max-height: .16rem;
    min-width: .12rem;
    min-height: .12rem;
}

.s3-r ul li div h3 {
    font-size: 0.2rem;
    font-weight: normal;
    line-height: .27rem;
    letter-spacing: normal;
    color: #3D3D3D;
    margin-left: .39rem;
}

.s3-r ul li dl {
    display: flex;
    flex-wrap: wrap;
    padding: .1rem .35rem .4rem .35rem;
    position: relative;
    z-index: 1;
    margin-left: .75rem;
    margin-top: .12rem;
}

.s3-r ul li dl::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 0.25rem;
    background: rgba(255, 255, 255, 0.3);
    box-sizing: border-box;
    border: 0.01rem solid #FFFFFF;
    backdrop-filter: blur(0.1rem) saturate(100%);
    box-shadow: 0rem 0.15rem 0.45rem 0rem rgba(0, 0, 0, 0.08);
    z-index: -2;
}

.s3-r ul li dl::after {
    content: "";
    position: absolute;
    left: .1rem;
    top: .1rem;
    right: .1rem;
    bottom: .1rem;
    background: url(../images/s3-rlibg.png) no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: -1;
    border-radius: 0.2rem;
    transition: all .5s;
}

.s3-r ul li dl dd {
    width: 33.33%;
}

.s3-r ul li dl dd a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 0.2rem;
    letter-spacing: normal;
    color: #3D3D3D;
    border-left: 2px solid #0B38B3;
    padding-left: 0.06rem;
    margin-top: .25rem;
    margin-bottom: .02rem;
    transition: all .5s;
}

.s3-lizi {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    pointer-events: none;
    z-index: -1;
}

.s4 {}

.s4-c {
    display: flex;
}

.s4-l {
    flex: 1;
    min-width: 0;
    position: relative;
}

.s4-l .itit-text {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

.s4-l .itit-text h2 {
    height: 0.66rem;
    align-items: flex-end;
    position: relative;
    cursor: pointer;
    transition: all .5s;
}

.s4-l .itit-text h2+h2 {
    margin-left: 0.3rem;
}

.s4-l .itit-text h2+h2::before {
    content: "";
    position: absolute;
    left: -.15rem;
    bottom: 0.15rem;
    height: .25rem;
    width: 2px;
    background: #333;
    transform: rotateZ(15deg);
}

.s4-l .itit-text h2.noon {
    font-size: .3rem;
    line-height: .54rem;
}

.s4-l .itit-text h2.noon b {
    color: #3D3D3D;
}

.s4-l .itit-text h3 {
    width: 100%;
}

.s4-l .itit-text h3.noon {}

.s4-l .itit-more a {
    display: none;
}

.s4-l .itit-more a.on {
    display: block;
}

.s4-l .tab-bd {
    margin-top: .32rem;
}

.s4-l .aijqr {
    position: absolute;
    right: -0.45rem;
    left: auto;
    transform: none;
    z-index: 9;
    opacity: 1;
    width: auto;
    margin-top: calc(54% + .2rem);
    /* transform: translateY(calc(-100% + .2rem)); */
    transform: translateY(-100%);
}

.s4-l .aijqr .jqrbox {
    position: relative;
    z-index: 2;
    padding-bottom: 0;
}

.s4-l .aijqr .jqrbox img {
    display: block;
    width: 1.35rem;
    position: relative;
    z-index: 2;
}

.s4-l .aijqr .jqrbox .jqrdz {
    width: 1.92rem;
    height: 0.21rem;
    position: absolute;
    left: 50%;
    margin-left: -1.2rem;
    bottom: .05rem;
}

.s4-l .aijqr .jqrbox .jqrdz::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    border-radius: 50%;
    width: 1.17rem;
    height: 0.15rem;
    background: rgba(68, 101, 252, 0.3);
}

.s4-l .aijqr .jqrbox .jqrdz::after {}

.s4-l .aijqr .jqrbox .jqrdz>div {
    background: #4465FC;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    border-radius: 50%;
    width: 0.89rem;
    height: 0.11rem;
}

.s4-l .aijqr .jqrtext {
    position: absolute;
    right: -.15rem;
    bottom: calc(100% + .06rem);
    width: 3.92rem;
    height: .84rem;
    z-index: 1;
    padding: 0 .33rem 0.12rem .27rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .2rem;
}

.s4-l .aijqr .jqrtext p {
    font-size: 0.14rem;
    font-weight: normal;
    line-height: .2rem;
    letter-spacing: normal;
    color: #666666;
}

.s4-l .aijqr .jqrtext::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/jqrtext-bg4.png) no-repeat;
    /* background: #000; */
    background-position: center center;
    background-size: 100% 100%;
    z-index: -1;
    pointer-events: none;
    backdrop-filter: blur(0.1rem) saturate(100%);
    filter: drop-shadow(-0.04rem 0.05rem 0.11rem rgba(29, 65, 143, 0.15));
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - .12rem), calc(100% - .53rem) calc(100% - .12rem), calc(100% - .63rem) 100%, calc(100% - .77rem) calc(100% - .12rem), 0 calc(100% - .12rem));
    /* background: rgba(255, 255, 255, .8);
    border-radius: .2rem;
    backdrop-filter: blur(0.58rem) saturate(100%); */
    border-radius: .2rem;
}

/* .s4-l .aijqr .jqrtext::after{
    content: "";
    position: absolute;
    right: .49rem;
    top: calc(100% - .04rem);
    background: url(../images/jqrtext-jiao4.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    width: 0.29rem;
    height: 0.21rem;
} */



.s4-lslick>ul {
    border-radius: 0.15rem;
    overflow: hidden;
}




.s4-lslick>ul li a {
    display: block;
    position: relative;
}

.s4-lslick>ul li a .pic {
    padding-top: 54%;
}

.s4-lslick>ul li a .pic::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.729) 0%, rgba(0, 0, 0, 0) 24%);
}

.s4-lslick>ul li a .info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0.18rem .3rem;
}

.s4-lslick>ul li a .info span {
    display: block;
    font-size: 0.14rem;
    font-weight: normal;
    line-height: 0.14rem;
    letter-spacing: normal;
    color: #FFFFFF;
    padding-left: .18rem;
    background: url(../images/s4-licon-time1.png) no-repeat;
    background-position: left center;
    background-size: .12rem auto;
}

.s4-lslick>ul li a .info h3 {
    font-size: 0.2rem;
    font-weight: 600;
    line-height: .27rem;
    letter-spacing: normal;
    color: #FFFFFF;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: .04rem;
}

.s4-llist ul {}

.s4-llist ul li {}

.s4-llist ul li a {
    display: block;
    padding: .36rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.s4-llist ul li a span {
    display: block;
    font-size: 0.14rem;
    font-weight: normal;
    line-height: 0.14rem;
    letter-spacing: normal;
    color: #333333;
    padding-left: .18rem;
    background: url(../images/s4-licon-time2.png) no-repeat;
    background-position: left center;
    background-size: .12rem auto;
}

.s4-llist ul li a h3 {
    font-size: 0.18rem;
    font-weight: normal;
    line-height: .24rem;
    letter-spacing: normal;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: .06rem;
}

.s4-r {
    width: 5.7rem;
    margin-left: 1.08rem;
}

.s4-r ul {
    margin-top: .32rem;
}

.s4-r ul li+li {
    margin-top: .26rem;
}

.s4-r ul li a {
    display: flex;
    align-items: center;
    border-radius: 0.2rem;
    border: 1px solid rgba(68, 101, 252, 0.33);
    backdrop-filter: blur(0.1rem) saturate(100%);
    box-shadow: 0rem 0.15rem 0.45rem 0rem rgba(0, 0, 0, 0.15);
    height: 1.42rem;
    padding-right: .4rem;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

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


.s4-r ul li a .box {
    display: flex;
    align-items: flex-start;
    width: 100%;
}

.s4-r ul li a .date {
    width: 1.1rem;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    font-family: Bebas;
}

.s4-r ul li a .date b {
    font-size: 0.5rem;
    font-weight: normal;
    line-height: 0.5rem;
    letter-spacing: normal;
    color: #333333;
    margin-right: .07rem;
}

.s4-r ul li a .date span {
    font-size: 0.12rem;
    font-weight: normal;
    line-height: 0.24rem;
    letter-spacing: normal;
    color: #333333;
}

.s4-r ul li a .date span i {
    font-size: 0.2rem;
    font-weight: normal;
    line-height: 0.34rem;
    letter-spacing: normal;
    color: #333333;
    font-style: normal;
    display: block;
}

.s4-r ul li a .info {
    flex: 1;
    min-width: 0;
    padding-left: .18rem;
    border-left: 1px solid rgba(51, 51, 51, 0.2);
}

.s4-r ul li a .info h3 {
    font-size: 0.18rem;
    font-weight: 500;
    line-height: 0.26rem;
    text-align: justify;
    /* 浏览器可能不支持 */
    letter-spacing: normal;
    color: #333333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: .52rem;
}

.s4-r ul li a .info p {
    font-size: 0.14rem;
    font-weight: normal;
    line-height: 0.26rem;
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 0;
    transition: all .5s;
    color: rgba(255, 255, 255, 0.7);
    margin-top: 0;
    opacity: 0;
}

.s5 {
    padding-top: 1.13rem;
}

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

.s5-l {
    flex: 1;
    min-width: 0;
    position: relative;
    z-index: 2;
    padding-right: .33rem;
    padding-bottom: .4rem;
}

.s5-l::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 8.14rem;
    height: 1.18rem;
    background: #98A8AD;
    filter: blur(0.82rem);
    border-radius: 50%;
    z-index: -1;
    pointer-events: none;
}

.s5-l .swiper-container {
    padding-top: 1.69rem;
    /* padding-right: 1.6rem; */
    margin-top: .3rem;
    border-radius: .2rem;
}

.s5-l .swiper-container .swiper-slide {
    width: 8.2rem;
}

.s5-l .swiper-container .swiper-slide a {
    display: block;
    position: relative;
    z-index: 1;
}

.s5-l .swiper-container .swiper-slide a::before {
    content: "";
    position: absolute;
    background: url(../images/s5-l-ysj.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    width: 0.57rem;
    height: 0.57rem;
    right: 0.32rem;
    top: 0.24rem;
    z-index: 9;
    transition: all .5s;
    opacity: 0;
}

.s5-l .swiper-container .swiper-slide a .pic {
    padding-top: 55%;
    border-radius: 0.2rem;
}

.s5-l .swiper-container .swiper-slide a .pic::after {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 45%);
}

.s5-l .swiper-container .swiper-slide a .info {
    position: absolute;
    left: 0.45rem;
    right: 0.36rem;
    bottom: .28rem;
    padding-top: .17rem;
    z-index: 9;
}

.s5-l .swiper-container .swiper-slide a .info::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    background: #FFFFFF;
}

.s5-l .swiper-container .swiper-slide a .info::after {
    content: "";
    position: absolute;
    left: 0;
    top: -2px;
    width: 0.51rem;
    height: 5px;
    background: #FFFFFF;
    border-radius: 5px;
}

.s5-l .swiper-container .swiper-slide a .info h3 {
    font-size: 0.24rem;
    font-weight: 600;
    line-height: .32rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: normal;
    color: #FFFFFF;
}

.s5-l .swiper-container .swiper-slide.swiper-slide-active a::before {
    opacity: 1;
}

.s5-l .s5-arr {
    position: absolute;
    right: 0;
    bottom: .35rem;
    z-index: 9;
}

.s5-l .s5-arr div {}

.s5-l .s5-arr .swiper-prev {
    width: 0.59rem;
    height: 0.59rem;
    border: 1px solid #FFFFFF;
    z-index: 9;
    border-radius: 0.5rem;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0rem 0.11rem 0.2rem 0rem rgba(0, 0, 0, 0.08);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
}


.s5-l .s5-arr .swiper-prev svg {
    width: .13rem;
    transition: all .5s;
}

.s5-l .s5-arr .swiper-prev svg path {
    transition: all .5s;
}

.s5-l .s5-arr .swiper-next {
    width: 0.59rem;
    height: 0.59rem;
    border: 1px solid #FFFFFF;
    z-index: 9;
    border-radius: 0.5rem;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0rem 0.11rem 0.2rem 0rem rgba(0, 0, 0, 0.08);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
    margin-top: .31rem;
}

.s5-l .s5-arr .swiper-next svg {
    width: .13rem;
    transition: all .5s;
}

.s5-l .s5-arr .swiper-next svg path {
    transition: all .5s;
}



.s5-r {
    width: 3.45rem;
    margin-left: .81rem;
    position: relative;
    z-index: 1;
}


.s5-r .aijqr {
    transform: none;
    z-index: 9;
    opacity: 1;
    position: relative;
}

.s5-r .aijqr .jqrbox {
    position: relative;
    z-index: 2;
    padding-bottom: 0;
}

.s5-r .aijqr .jqrbox img {
    display: block;
    width: 3.81rem;
    position: relative;
    z-index: 2;
}

.s5-r .aijqr .jqrbox .jqrdz {

    position: absolute;
    left: 50%;
    bottom: .33rem;
    width: 3.16rem;
    height: 0.41rem;
    margin-left: -1.5rem;
}

.s5-r .aijqr .jqrbox .jqrdz::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    border-radius: 50%;
    width: 4.78rem;
    height: 0.62rem;
    background: rgba(68, 101, 252, 0.1);
}

.s5-r .aijqr .jqrbox .jqrdz::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    border-radius: 50%;
    width: 4.06rem;
    height: 0.5rem;
    background: rgba(68, 101, 252, 0.3);
}

.s5-r .aijqr .jqrbox .jqrdz>div {
    background: #4465FC;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    border-radius: 50%;
    width: 3.16rem;
    height: 0.41rem;
}

.s5-r .aijqr .jqrtext {
    position: absolute;
    left: .23rem;
    bottom: calc(100% + .13rem);
    width: 4.08rem;
    height: .87rem;
    z-index: 1;
    padding: 0 .33rem 0.12rem .27rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .2rem;
    /* overflow: hidden; */
}

.s5-r .aijqr .jqrtext p {
    font-size: 0.14rem;
    font-weight: normal;
    line-height: .2rem;
    letter-spacing: normal;
    color: #666666;
}

.s5-r .aijqr .jqrtext::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/jqrtext-bg5.png) no-repeat;
    /* background: #000; */
    background-position: center center;
    background-size: 100% 100%;
    z-index: -1;
    pointer-events: none;
    backdrop-filter: blur(0.1rem) saturate(100%);
    filter: drop-shadow(-0.04rem 0.05rem 0.11rem rgba(29, 65, 143, 0.15));
    border-radius: .2rem;
}

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

.s6::before {
    content: "";
    position: absolute;
    right: -4.4rem;
    bottom: -4.5rem;
    background: url(../images/s6-rbg.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    width: 24rem;
    height: 17.25rem;
    z-index: -1;
    pointer-events: none;
}


.s6 .s6-arr {
    position: absolute;
    right: 1.65rem;
    top: .26rem;
    z-index: 9;
    display: flex;
    align-items: center;
}

.s6 .s6-arr div {}

.s6 .s6-arr .swiper-prev {
    width: 0.59rem;
    height: 0.59rem;
    border: 1px solid #FFFFFF;
    z-index: 9;
    border-radius: 0.5rem;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0rem 0.11rem 0.2rem 0rem rgba(0, 0, 0, 0.08);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
}


.s6 .s6-arr .swiper-prev svg {
    width: .13rem;
    transition: all .5s;
}

.s6 .s6-arr .swiper-prev svg path {
    transition: all .5s;
}

.s6 .s6-arr .swiper-next {
    width: 0.59rem;
    height: 0.59rem;
    border: 1px solid #FFFFFF;
    z-index: 9;
    border-radius: 0.5rem;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0rem 0.11rem 0.2rem 0rem rgba(0, 0, 0, 0.08);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
    margin-left: .25rem;
}

.s6 .s6-arr .swiper-next svg {
    width: .13rem;
    transition: all .5s;
}

.s6 .s6-arr .swiper-next svg path {
    transition: all .5s;
}




.s6-c {}

.s6-c .swiper-container {
    margin-right: -2.4rem;
    padding-right: 2.4rem;
    padding-top: .45rem;
    padding-bottom: 1.93rem;
    overflow: visible;
}

.s6-c .swiper-container .swiper-slide a {
    display: block;
    border-radius: 0.2rem;
    background: rgba(255, 255, 255, 0.1);
    box-sizing: border-box;
    border: 0rem solid #FFFFFF;
    backdrop-filter: blur(0.38rem) saturate(100%);
    box-shadow: -0.3rem 0.19rem 0.52rem 0rem rgba(157, 166, 222, 0.45);
    position: relative;
    z-index: 1;
    padding: .38rem .4rem .42rem .4rem;
    transition: all .5s;
}

.s6-c .swiper-container .swiper-slide a::before {
    content: "";
    z-index: -1;
    position: absolute;
    left: .1rem;
    top: .1rem;
    right: .1rem;
    bottom: .1rem;
    border-radius: 0.2rem;
    background: #FFFFFF;
}

.s6-c .swiper-container .swiper-slide a .info {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.s6-c .swiper-container .swiper-slide a .info b {
    border-radius: 1rem;
    background: rgba(44, 72, 214, 0.08);
    font-size: 0.14rem;
    font-weight: normal;
    line-height: .31rem;
    letter-spacing: normal;
    color: #2C48D6;
    padding: 0 .16rem;
    transition: all .5s;
}

.s6-c .swiper-container .swiper-slide a .info i {
    background: url(../images/s6-ysj.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    width: 0.4rem;
    height: 0.4rem;
    transition: all .5s;
    opacity: 0;
}

.s6-c .swiper-container .swiper-slide a h3 {
    font-size: 0.2rem;
    font-weight: 600;
    line-height: .27rem;
    letter-spacing: normal;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: .6rem;
}

.s6-c .swiper-container .swiper-slide a p {
    font-size: 0.14rem;
    font-weight: normal;
    line-height: 0.26rem;
    text-align: justify;
    /* 浏览器可能不支持 */
    letter-spacing: normal;
    color: #666666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: .52rem;
    margin-top: .08rem;
}

.s6-c .swiper-container .swiper-slide a .pic {
    padding-top: 55%;
    border-radius: 0.2rem;
    margin-top: .6rem;
}


@media screen and (min-width: 1025px) {
    .itit-more a:hover {
        background: #4465FC;
        color: #fff;
        border-color: transparent;
    }


    .s2-b .swiper-prev:hover {
        background: #4465FC;
        border-color: #4465FC;
    }

    .s2-b .swiper-prev:hover svg path {
        fill: #FFFFFF;
    }

    .s2-b .swiper-next:hover {
        background: #4465FC;
        border-color: #4465FC;
    }

    .s2-b .swiper-next:hover svg path {
        fill: #FFFFFF;
    }

    .s5-l .s5-arr .swiper-prev:hover {
        background: #4465FC;
        border-color: #4465FC;
    }

    .s5-l .s5-arr .swiper-prev:hover svg path {
        fill: #FFFFFF;
    }

    .s5-l .s5-arr .swiper-next:hover {
        background: #4465FC;
        border-color: #4465FC;
    }

    .s5-l .s5-arr .swiper-next:hover svg path {
        fill: #FFFFFF;
    }

    .s6 .s6-arr .swiper-prev:hover {
        background: #4465FC;
        border-color: #4465FC;
    }

    .s6 .s6-arr .swiper-prev:hover svg path {
        fill: #FFFFFF;
    }

    .s6 .s6-arr .swiper-next:hover {
        background: #4465FC;
        border-color: #4465FC;
    }

    .s6 .s6-arr .swiper-next:hover svg path {
        fill: #FFFFFF;
    }

    .s6-c .swiper-container .swiper-slide a:hover {
        transform: translateY(-.18rem);
    }

    .s6-c .swiper-container .swiper-slide a:hover .info b {
        background: #4465FC;
        color: #fff;
    }

    .s6-c .swiper-container .swiper-slide a:hover .info i {
        opacity: 1;
    }

    .s6-c .swiper-container .swiper-slide a:hover h3, .s2-b .swiper-slide a:hover h3, .s2-b .swiper-slide.swiper-slide-active a h3, .s4-llist ul li a:hover h3 {
        color: #4465FC;
    }

    .s4-r ul li.on a::before {
        opacity: 1;
    }

    .s4-r ul li.on a .date b {
        color: #fff;
    }

    .s4-r ul li.on a .date span {
        color: #fff;
    }

    .s4-r ul li.on a .date span i {
        color: #fff;
    }

    .s4-r ul li.on a .info {
        border-color: rgba(255, 255, 255, .2);
    }

    .s4-r ul li.on a .info h3 {
        color: #fff;
    }

    .s4-r ul li.on a .info p {
        height: .26rem;
        margin-top: .08rem;
        opacity: 1;
    }

    .s3-r ul li dl:hover::after {
        background: url(../images/s3-rlibg2.png) no-repeat;
        background-position: center center;
        background-size: cover;
    }

    .s3-r ul li dl:hover dd a {
        color: #fff;
        border-color: #fff;
    }

    .s3-r ul li dl dd a:hover {
        color: #fff;
        border-color: #fff;
        text-decoration: underline;
    }
}

@media screen and (max-width: 1024px) {
    body {
        background-size: 14rem auto;
    }

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

    .itit {
        justify-content: flex-start;
    }

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

    .itit-text h3 {
        font-size: .16rem;
        line-height: .2rem;
    }

    .itit::before {
        width: 2.22rem;
        height: 0.44rem;
        left: 0;
    }

    .itit-more a {
        width: .8rem;
        line-height: .36rem;
        font-size: .18rem;
    }

    .itit.center .itit-text h2 {
        justify-content: flex-start;
    }

    .itit.center::before {
        left: -.33rem;
        transform: none;
    }

    .psearch {
        margin-top: 0;
    }

    .s1 {
        padding: .25rem .15rem;
    }

    .s1-c {
        display: block;
    }

    .s1-l {
        width: auto;
        margin-right: 0;
        margin-bottom: .25rem;
    }

    .s1-l .welcome h3 {
        font-size: .4rem;
        line-height: .5rem;
    }

    .s1-l .welcome p {
        font-size: .16rem;
        line-height: .3rem;
        margin-top: .1rem;
    }

    .s1-l .tab-main {
        margin-top: .25rem;
    }

    .s1-l .tab-hd ul li.on a {
        font-size: .16rem;
    }

    .s1-l .s1-llist {
        padding: .15rem;
    }

   .s1-l .s1-llist li {
         width: 49%;
        display: inline-block;
   }

    .s1-r {
        padding-bottom: 1.5rem;
    }

    .s1-r .aijqr .jqrbox img {
        width: 1.5rem;
    }

    .s1-r ul {
        display: flex;
        white-space: nowrap;
        overflow-x: auto;
        flex-direction: row;
    }

    .s1-r ul li {
        justify-content: center;
        margin: 0 .2rem !important;
        margin-bottom: .2rem !important;
    }

    .s1-r ul li a div b {
        font-size: .24rem;
        line-height: .36rem;
    }

    .s1-r ul li a div span {
        font-size: .16rem;
    }

    .s1-r ul li a p {
        font-size: .16rem;
        line-height: .2rem;
        margin-top: .1rem;
    }

    .s1-r ul li a div::before {
        width: .85rem;
        height: 0.8rem;
    }

    .s1-r .aijqr {
        top: auto;
        bottom: -.5rem;
    }

    .s1-r .aijqr .jqrtext {
        right: 100%;
        bottom: auto;
        left: auto;
        top: 0.2rem;
        padding-bottom: 0;
        height: 0.8rem;
        max-width: calc(100vw - 1.7rem);
        padding: 0 .15rem;
    }

    .s1-r .aijqr .jqrtext::before {
        background: rgba(44, 72, 214, .3);
        border-radius: .1rem;
    }

    #certify .swiper-slide a {
        height: 4.5rem;
        box-shadow: none;
    }

    /* #certify .swiper-slide a {background: url(../images/s2-citembg2.png) no-repeat;background-position: center center;background-size: cover;}
    #certify .swiper-slide a .sycs span {background: rgba(255, 255, 255, 0.3);color: #FFFFFF;}
    #certify .swiper-slide a .sycs i {background: url(../images/s2-c-ysj2.png) no-repeat;background-position: center center;background-size: 100% 100%;}
    #certify .swiper-slide a .icons img {opacity: 0;}
    #certify .swiper-slide a .icons img:nth-child(2) {opacity: 1;}
    #certify .swiper-slide a h3 {color: #FFFFFF;font-size: .2rem;}
    #certify .swiper-slide a b {background: #FFFFFF;font-size: .2rem;margin-top: .2rem;}
    #certify .swiper-slide a p {color: #FFFFFF;} */
    #certify .swiper-slide a::after {
        opacity: 1;
        background-size: 3.5rem auto;
    }

    #certify .swiper-slide.swiper-slide-prev a {
        transform: translateX(0);
    }

    #certify .swiper-slide.swiper-slide-next a {
        transform: translateX(0);
    }

    #certify .swiper-slide a .icons {
        height: .5rem;
        margin-top: .25rem;
    }

    .s2-b .swiper-slide a {
        padding: .2rem;
        margin: 0;
        border-radius: .1rem;
    }

    .s2-b .swiper-slide a::before {
        border-radius: .1rem;
    }

    .s2-b .swiper-container {
        margin: 0 .4rem;
    }

    .s2-b .swiper-prev {
        right: auto;
        left: -.1rem;
        width: .4rem;
        height: 0.4rem;
    }

    .s2-b .swiper-next {
        right: -.1rem;
        left: auto;
        width: .4rem;
        height: 0.4rem;
    }

    .s2-b .swiper-slide a::after {
        box-shadow: 0 0 .1rem rgba(0, 0, 0, 0.1);
        border-radius: .1rem;
    }

    .s2-b .aijqr {
        left: calc(10% + .3rem);
    }

    .s2-b .aijqr .jqrtext {
        display: none;
    }

    .s2-b .aijqr .jqrbox img {
        width: 1rem;
    }

    .s2-b .aijqr .jqrtext::before {
        background: rgba(255, 255, 255, .8);
        border-radius: .1rem;
        box-shadow: 0 0 .1rgba(0, 0, 0, .1);
    }

    .s3-c {
        display: block;
        padding-bottom: .5rem;
    }

    .s3-l .aijqr .jqrtext {
        display: none;
    }

    .s3-l .aijqr .jqrbox img {
        width: 1.5rem;
        margin: 0 auto;
    }

    .s3-l .aijqr {
        justify-content: center;
    }

    .s3-c::after {
        left: 50%;
        transform: translateX(-50%);
        width: 6rem;
        height: 1.83rem;
        top: .5rem;
    }

    .s3-r {
        width: auto;
        margin-left: 0;
    }

    .s3-r ul li dl {
        margin-left: .5rem;
        padding: .1rem .2rem .3rem .2rem;
    }

    .s3-r ul li div h3 {
        margin-left: .2rem;
    }

    .s3-r ul li dl dd {
        width: 50%;
    }

    .s3-r ul li dl dd a {
        margin-top: .15rem;
    }

    .s3-r ul {
        padding: 0 0 .35rem 0;
        max-height: 5rem;
        margin-right: 0;
        margin-top: 0.35rem;
    }

    .s3-c::before {
        height: 1.3rem;
    }

    .s4-c {
        display: block;
    }

    .s4-r {
        width: auto;
        margin-left: 0;
        margin-top: .35rem;
    }

    .s4-l .itit-text h2 {
        height: .34rem
    }

    .s4-l .itit-text h2.noon {
        font-size: .2rem;
        line-height: .34rem;
    }

    .s4-l .itit-text h2+h2::before {
        bottom: 0.08rem;
        height: 0.2rem;
    }

    .s4-l .aijqr .jqrtext {
        display: none;
    }

    .s4-l .aijqr {
        right: -.2rem;
    }

    .s4-l .aijqr .jqrbox img {
        width: .7rem;
    }

    .s4-l .aijqr .jqrbox .jqrdz {
        margin-left: -1.1rem;
    }

    .s4-lslick>ul li a .info h3 {
        font-size: .18rem;
    }

    .s4-lslick>ul li a .info {
        padding: .15rem;
    }

    .s4-llist ul li a {
        padding: .2rem 0;
    }

    .s4-r ul li a {
        height: 1rem;
    }

    .s4-r ul li a .date b {
        font-size: .36rem;
    }

    .s4-r ul li a .date span {
        line-height: .2rem;
    }

    .s4-r ul li a .date span i {
        font-size: .18rem;
        line-height: .3rem
    }


    .s5-c {
        display: block;
    }

    .s5-r .aijqr .jqrtext {
        display: none;
    }

    .s5-r {
        width: auto;
        margin-left: 0;
        margin-top: -.6rem;
    }

    .s5-r .aijqr .jqrbox img {
        width: 1.5rem;
        margin: 0 auto;
    }

    .s5-r .aijqr .jqrbox .jqrdz {
        bottom: 0.15rem;
    }

    .s5-l {
        padding-right: 0;
        padding-bottom: 0;
    }

    .s5-l .swiper-container {
        border-radius: .1rem;
        padding-top: 0;
    }

    .s5-l .swiper-container .swiper-slide a .pic {
        border-radius: .1rem;
    }

    .s5-l .swiper-container .swiper-slide a .info h3 {
        font-size: .18rem;
    }

    .s5-l .swiper-container .swiper-slide a .info {
        left: .15rem;
        right: 0.15rem;
        bottom: 0.1rem;
        padding-top: .1rem;
    }

    .s5-l .s5-arr {
        position: static;
        display: flex;
        justify-content: flex-end;
    }

    .s5-l .s5-arr div {
        margin-top: .2rem !important;
        margin-left: .15rem;
        transform: rotateZ(-90deg);
    }

    .s5-l .swiper-container .swiper-slide a::before {
        right: 0.1rem;
        top: 0.1rem;
        width: 0.35rem;
        height: 0.35rem;
    }

    .s5-l::after {
        display: none;
    }

    .s5-l .s5-arr .swiper-next, .s5-l .s5-arr .swiper-prev, .s6 .s6-arr .swiper-next, .s6 .s6-arr .swiper-prev {
        width: .4rem;
        height: 0.4rem;
    }


    .s6::before {
        width: 16rem;
        height: 11.5rem;
        left: -2.9rem;
        top: -3rem;
    }

    .s6 .s6-arr {
        right: .9rem;
        top: .2rem;
    }

    .s6 .s6-arr .swiper-next {
        margin-left: .1rem;
    }

    .s6-c .swiper-container {
        margin-right: 0;
        padding-right: 0;
        padding-top: .3rem;
        padding-bottom: 1.1rem;
    }

    .s6-c .swiper-container .swiper-slide a {
        padding: .2rem;
        border-radius: .1rem;
    }

    .s6-c .swiper-container .swiper-slide a::before {
        border-radius: .1rem;
        left: .05rem;
        top: .05rem;
        right: .05rem;
        bottom: .05rem;
    }

    .s6-c .swiper-container .swiper-slide a h3 {
        font-size: .18rem;
        margin-top: .3rem;
    }

    .s6-c .swiper-container .swiper-slide a .pic {
        margin-top: .3rem;
        border-radius: .1rem;
    }


    .s2 {
        padding-top: 0;
    }

    #certify .swiper-container {
        padding: .35rem 0;
    }

    .s3 {
        padding-top: 0;
    }

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

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



}

@media screen and (max-width: 768px) {
    .s2-b .aijqr {
        left: calc(25% + .2rem);
    }

}

@media screen and (max-width: 650px) {
       .s1-l .tab-hd ul li a {
              font-size: .16rem;
              padding: .1rem;
              text-align: center;
       }
       .s1-l .tab-hd ul li::before {
              transform: skewX(0);
       }
       .s1-l .s1-llist li {
             width: 100%;
            display: block;
      }
}

@media screen and(-ms-high-contrast:active), (-ms-high-contrast:none) {
    .s1-l .tab-hd ul li.on a {
        background: none;
        color: #2fbdff;
    }
    .s5-l::after{display: none;}
}