@charset "utf-8";.banner_box {
    padding: 0px;
    position: relative;
    z-index: 3;
    overflow: hidden
}

.banner {
    overflow: hidden
}

.banner:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
    z-index: 1;
    height: 23vh;
    pointer-events: none
}

.banner .a {
    display: block;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.banner .imgBox {
    overflow: hidden;
    width: 100%;
    transform: scale(1)
}

.banner .imgBox .img {
    padding-bottom: 100vh;
    transition: 0s;
    transform: scale(1) !important
}

.banner .imgBox .img video {
    opacity: 1
}

.banner.on ul li.swiper-slide-active .a .imgBox,.banner.on ul li.swiper-slide-duplicate-active .a .imgBox,.banner.on ul li.swiper-slide-prev .a .imgBox {
    animation: sca 6s linear 0s normal both
}

@keyframes sca {
    0% {
        transform: scale(1.03)
    }

    100% {
        transform: scale(1)
    }
}

.banner .dots {
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    width: auto;
    bottom: .4rem
}

.banner .dots span {
    width: .2rem;
    height: .2rem;
    background: none;
    font-size: .16rem;
    color: #fff;
    opacity: 1;
    margin: 0 .16rem !important;
    position: relative;
    z-index: 1
}

.banner .dots span:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/dots1.png) center no-repeat;
    background-size: cover;
    transition: .5s
}

.banner .dots span:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/dots1s.png) center no-repeat;
    background-size: cover;
    opacity: 0;
    transition: .5s
}

.banner .dots span.active:before {
    opacity: 0
}

.banner .dots span.active:after {
    opacity: 1
}

.home1-2-3-4 {
    position: relative;
    z-index: 1;
    background: url(../images/home4_b.png) center bottom no-repeat;
    background-size: 100% auto
}

.home1-2-3-4 .b1s {
    position: absolute;
    right: 0;
    top: 7.5rem;
    width: 22.34375%;
    z-index: -1
}

.pad1 {
    padding: 1.1rem 0;
    overflow: hidden
}

.tit1 {
    margin-bottom: .4rem
}

.tit1 h3 {
    font-size: .4rem;
    color: #223d79;
    line-height: 1;
    font-family: "Microsoft YaHei"
}

.tit1 h3 img {
    width: .7rem
}

.home1-2 {
    background: url(../images/home1_b1.jpg) right top no-repeat;
    background-size: 100% auto;
    position: relative;
    z-index: 1
}

.home1 {
    position: relative;
    z-index: 1
}

.home1 .b1 {
    width: 37.13vw;
    height: 37.13vw;
    position: absolute;
    top: -20%;
    left: -14.5%;
    z-index: -1
}

.home1 .b1 img {
    animation: roted 20s infinite linear
}

.home1 .wp.flexjs {
    align-items: center
}

.home1 .left {
    width: 8rem;
}

.home1 .right {
    width: calc(100% - 8rem - .4rem);
}

.list1 .imgBox .img {
    padding-bottom: 66%
}

.list1 .txt {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: .9rem;
    z-index: 1;
    padding: 0 .25rem;
    align-items: center
}

.list1 .txt::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: -moz-linear-gradient( -56deg, rgb(8, 42, 122) 0%, rgb(27, 97, 191) 99%);
    background-image: -webkit-linear-gradient( -56deg, rgb(8, 42, 122) 0%, rgb(27, 97, 191) 99%);
    background-image: -ms-linear-gradient( -56deg, rgb(8, 42, 122) 0%, rgb(27, 97, 191) 99%);
    z-index: -1;
    opacity: .9
}

.list1 .time {
    text-align: center
}

.list1 .time h6 {
    font-size: .12rem;
    color: #fff
}

.list1 .time h3 {
    font-size: .36rem;
    color: #fff;
    line-height: 1;
    font-family: 'Poppins-Bold'
}

.list1 .con {
    flex: 1;
    overflow: hidden;
    margin: 0 .26rem
}

.list1 h4 {
    color: #fff !important;
    font-weight: bold
}

.list1 .dots {
    width: auto;
    font-size: .1rem;
    color: #fff;
    align-items: baseline;
    display: flex
}

.list1 .dots span {
    font-size: .14rem;
    color: #fff
}

.list1 .dots span.swiper-pagination-current {
    font-size: .18rem
}

.list2 {
    margin: 0;
}

.list2 .a {
    height: .8rem;
    align-items: center;
    padding: 0 .3rem 0 .1rem;
    position: relative;
    z-index: 1;
    transition: .5s
}

.list2 .a::before {
    content: "";
    position: absolute;
    width: calc((100vw - 14.4rem)/2 + 100%);
    top: 0;
    bottom: 0;
    left: 0;
    background: url(../images/list2_b.jpg) center no-repeat;
    background-size: 100% 100%;
    z-index: -1;
    transition: .5s;
    opacity: 0
}

.list2 .time {
    text-align: center;
    width: 1rem;
    position: relative;
    margin: 0 .32rem 0 0
}

.list2 .time::before {
    content: "";
    position: absolute;
    width: 1px;
    height: .48rem;
    background: #d5e9f7;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    transition: .5s
}

.list2 .time h6 {
    font-size: .12rem;
    color: #0071aa;
    transition: .5s
}

.list2 .time h3 {
    font-size: .36rem;
    color: #0071aa;
    line-height: 1;
    font-family: 'Poppins-Bold';
    transition: .5s
}

.list2 .txt {
    flex: 1;
    overflow: hidden
}

.more1 {
    font-size: .18rem;
    color: #f0d4ad;
    align-items: center;
    transition: .5s
}

.more1 svg {
    width: .2rem;
    height: .2rem
}

.more1 .cls-1 {
    fill: #f0d4ad;
    fill-rule: evenodd;
    transition: .5s
}

.home2 {
    position: relative;
    z-index: 1;
    background: url(../images/hom2_b.png) center top no-repeat;
    background-size: 100vw auto
}

.home2 .left {
    width: calc(100% - 4.1rem - .5rem)
}

.home2 .left .box {
    background: url(../images/list4_b.jpg) center no-repeat;
    background-size: cover;
    padding: .61rem .6rem;
}

.home2 .right {
    width: 4.1rem;
    margin: -.3rem 0 0;
}

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

.tit2s h3 {
    font-size: .4rem;
    color: #223d79;
    line-height: 1;
    font-family: "Microsoft YaHei"
}

.miso_tab1 .hd ul li {
    margin-right: .48rem;
    position: relative
}

.miso_tab1 .hd ul li::before {
    content: "";
    position: absolute;
    background: url(../images/xing1.svg) center no-repeat;
    background-size: cover;
    width: .17rem;
    height: .17rem;
    right: -.3rem;
    top: 46%;
    transform: translateY(-50%)
}

.miso_tab1 .hd ul li h3 {
    font-size: .4rem;
    color: #d5e9f7;
    line-height: 1;
    transition: .5s;
    font-family: "Microsoft YaHei"
}

.miso_tab1 .hd ul li.on h3 {
    color: #223d79
}

.miso_tab1 .hd ul li:last-child {
    margin-right: 0
}

.miso_tab1 .hd ul li:last-child::before {
    display: none
}

.list4 {
    margin: 0 -.45rem -.35rem
}

.list4 li {
    width: 50%;
    padding: 0 .45rem;
    margin-bottom: .26rem;
}

.list4 i {
    width: .17rem;
    padding: .02rem 0 0
}

.list4 svg {
    width: 100%
}

.list4 .cls-1 {
    fill: #f0d4ad;
    fill-rule: evenodd;
    transition: .5s
}

.list4 h4 {
    flex: 1;
    margin: 0 .2rem;
    height: .56rem;
}

.list4 h6 {
    font-size: .16rem;
    color: #b5b5b5;
    width: auto;
    line-height: 1.5
}

.list5 .a {
    display: block;
    position: relative;
    z-index: 1
}

.list5 .imgBox .img {
    padding-bottom: 141.46%
}

.list5 .imgBox::after {
    content: "";
    position: absolute;
    background: url(../images/list5_s.svg) center no-repeat;
    background-size: 100% auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateY(50%)
}

.list5 .txt {
    display: none;
    position: absolute;
    right: .3rem;
    bottom: 0;
    left: .3rem;
    border: rgba(255, 255, 255, .1) 2px solid;
    height: 1.28rem;
    align-items: center;
    padding: 0 .2rem;
    border-bottom: none
}

.list5 h4 {
    flex: 1;
    font-family: 'sys';
    color: #fff !important;
    max-width: 1.52rem;
    font-size: .24rem;
    line-height: 1.35;
}

.list5 .dots {
    width: auto;
    font-size: .1rem;
    color: #fff;
    align-items: baseline;
    display: flex
}

.list5 .dots span {
    font-size: .14rem;
    color: #fff
}

.list5 .dots span.swiper-pagination-current {
    font-size: .18rem
}

.tit3 {
    position: absolute;
    top: .22rem;
    left: .22rem;
    z-index: 2
}

.tit3 img {
    width: .7rem;
    display: none;
}

.home1-2-3 {
    background: url(../images/home1_b1.jpg) right top no-repeat;
    background-size: 100% auto;
    position: relative;
    z-index: 1
}

.home2-3 {
    background: url(../images/home2-3_b.png) center calc(100% - 2.18rem) no-repeat;
    background-size: 100% auto
}

.home3 {
    padding-top: .2rem !important
}

.home3 .tit4 {
    margin-bottom: -.3rem;
    position: relative;
    z-index: 2
}

.home3 .tit4 {
    position: relative;
    justify-content: center
}

.tit4 h3 {
    font-size: .4rem;
    color: #fff;
    font-family: "Microsoft YaHei"
}

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

.home3 .left {
    width: 50%;
    padding: 1.15rem .5rem .9rem;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.home3 .left::before {
    content: "";
    position: absolute;
    top: .3rem;
    bottom: .3rem;
    left: 0;
    background: url(../images/home3_b1.jpg) center no-repeat;
    background-size: cover;
    z-index: -1;
    transform-origin: left;
    transform-style: preserve-3d;
    transform: perspective(300px) rotateY(3deg);
    width: 150%;
    box-shadow: 0.349px .05rem .1rem 0px rgba(50, 108, 176, 0.08)
}

.home3 .right {
    width: 50%;
    padding: 1.15rem .5rem .98rem;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transform: translateY(.3rem)
}

.home3 .right::before {
    content: "";
    position: absolute;
    top: .3rem;
    right: 0;
    bottom: .3rem;
    background: url(../images/home3_b2.jpg) center no-repeat;
    background-size: cover;
    z-index: -1;
    transform-origin: right;
    transform-style: preserve-3d;
    transform: perspective(300px) rotateY(-3deg);
    width: 150%;
    box-shadow: 0.349px .05rem .1rem 0px rgba(50, 108, 176, 0.08)
}

.list6 .imgBox .img {
    padding-bottom: 66%
}

.list6 .txt {
    align-items: center;
    margin: .2rem 0 0
}

.list6 .time {
    text-align: center
}

.list6 .time h6 {
    font-size: .12rem;
    color: #fff
}

.list6 .time h3 {
    font-size: .36rem;
    color: #fff;
    line-height: 1;
    font-family: 'Poppins-Bold'
}

.list6 .con {
    flex: 1;
    overflow: hidden;
    margin: 0 .26rem
}

.list6 h5 {
    font-size: .16rem;
    color: rgba(255, 255, 255, .6) !important
}

.list6 h4 {
    color: #fff !important;
    font-weight: bold
}

.list6 .dots {
    width: auto;
    font-size: .1rem;
    color: #fff;
    align-items: baseline;
    display: flex
}

.list6 .dots span {
    font-size: .14rem;
    color: #fff
}

.list6 .dots span.swiper-pagination-current {
    font-size: .18rem
}

.list7 {
    margin: -.1rem 0 0
}

.list7 li {
    border-bottom: rgba(100, 167, 247, .1) 1px solid
}

.list7 .a {
    align-items: center;
    padding: .24rem 0
}

.list7 .time {
    text-align: center;
    position: relative;
    z-index: 1;
    margin: 0 .6rem 0 0
}

.list7 .time:before {
    content: "";
    position: absolute;
    width: 1px;
    height: .48rem;
    background: #64a7f7;
    opacity: .2;
    right: -.3rem;
    top: 52%;
    transform: translateY(-50%)
}

.list7 .time h6 {
    font-size: .12rem;
    color: #0071aa
}

.list7 .time h3 {
    font-size: .36rem;
    color: #0071aa;
    line-height: 1;
    font-family: 'Poppins-Bold'
}

.list7 .con {
    flex: 1;
    overflow: hidden;
    margin: 0
}

.list7 h5 {
    font-size: .16rem;
    color: #0071aa;
    margin: 0 0 .04rem -.07rem;
    font-weight: 600
}

.list7 li:last-child {
    border: none
}

.tit5 {
    margin-bottom: .5rem;
    flex-direction: column
}

.tit5 h3 {
    font-size: .4rem;
    color: #223d79;
    margin-bottom: .32rem;
    line-height: 1;
    font-family: "Microsoft YaHei"
}

.home4 {
    padding: 0 !important
}

.home4 .wp {
    align-items: flex-end;
    justify-content: space-between;
}

.home4 .left {
    width: calc(100% - 9.4rem - .2rem);
}

.home4 .right {
    width: 9.4rem
}

.home4 .right .content>.top {
    position: relative
}

.more10 {
    align-items: center;
    font-size: .12rem;
    color: #fff;
    position: absolute;
    top: .2rem;
    right: .2rem;
    z-index: 2;
    background: rgba(0,0,0,.5);
    border-radius: 50vw;
    padding: .03rem .15rem;
    transition: .5s;
}

.more10 img {
    margin: 0 0 0 .06rem;
    width: .06rem;
}

.home4 .right .content {
    width: 100%
}

.home4 .right .content .topr {
    background: url(../images/list10_b.jpg) center no-repeat;
    background-size: cover;
    width: calc(100% - 72.03%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-right: 6vw
}

.list8 {
    background: url(../images/home3_b2.jpg) center no-repeat;
    background-size: cover;
    padding: .3rem;
}

.list8 li {
    padding: .14rem 0;
    border-bottom: rgba(255,255,255,.25) 1px dashed;
}

.list8 .a {
    padding: 0;
    flex-direction: column;
    justify-content: center
}

.list8 i {
    display: flex;
    transition: .5s;
    position: relative;
    z-index: 1;
    width: .31rem;
    height: .31rem;
    border-radius: 50vw;
    align-items: center;
    justify-content: center;
    font-family: 'lib';
    color: #fff;
    font-size: .16rem;
}

.list8 h4 {
    font-size: .18rem;
    color: #333 !important;
    line-height: .32rem;
    max-height: .64rem\0
}

.list8 p {
    margin: .25rem 0 .5rem;
    display: none;
}

.list8 .con {
    align-items: center
}

.list8 .con .ll {
    font-size: .12rem;
    color: #333;
}

.list8 .con .ll big {
    font-size: .24rem;
    font-weight: 600
}

.list8 .rr {
    align-items: center;
    display: flex;
    font-size: .13rem;
    color: #0071aa;
    opacity: .6;
    transition: .5s
}

.list8 .rr svg {
    width: .1rem;
    height: .15rem;
    margin: 0 0 0 .06rem
}

.list8 .rr svg {
    fill: #0071aa;
    fill-rule: evenodd;
    transition: .5s
}

.list8 i.swi-weixin0 {
    background: #28c445
}

.list8 i.swi-shipinhao {
    background: #fff;
    color: #fa8000
}

.list8 i.swi-douyin {
    background: #170b1a
}

.list8 i.swi-sina {
    background: #f56467
}

.list9Box {
    width: 100%
}

.list9 .a {
    display: block;
    position: relative
}

.list9 .imgBox:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    z-index: 1;
    height: 1.35rem
}

.list9 .imgBox .img {
    padding-bottom: 53.52%
}

.list9 .txt {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 .28rem .2rem;
    z-index: 2;
}

.list9 h4 {
    color: #fff !important;
    flex: 1
}

.list9 .top {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2
}

.list9 .top i {
    width: .9rem;
    height: .9rem;
    background: rgba(255, 255, 255, .3);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 0 0 .04rem
}

.list9 .top i svg {
    width: .3rem;
    height: .3rem;
    fill: #fff
}

.list9 .dots {
    width: auto;
    font-size: .1rem;
    color: #fff;
    align-items: baseline;
    display: flex
}

.list9 .dots span {
    font-size: .14rem;
    color: #fff
}

.list9 .dots span.swiper-pagination-current {
    font-size: .18rem
}

.list10 {
    margin-bottom: .4rem;
    position: relative;
    z-index: 2
}

.list10 li {
    position: relative;
    margin: 0 .12rem 0 0
}

.list10 li .a {
    display: flex;
    transition: .5s;
    position: relative;
    z-index: 1;
    width: .46rem;
    height: .46rem;
    border-radius: 50vw;
    align-items: center;
    justify-content: center;
    font-family: 'lib';
    color: #fff;
    font-size: .24rem
}

.list10 li .a img {
    width: .69rem;
    height: .69rem;
    position: relative;
    z-index: 1;
    transition: all 0.5s
}

.list10 li .ewm {
    width: 1.6rem;
    background: #fff;
    border-radius: .06rem;
    position: absolute;
    padding: .03rem;
    top: 140%;
    left: 50%;
    margin-left: -.8rem;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
    transform: translateY(.1rem);
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, .2)
}

.list10 li .ewm:before {
    content: "";
    position: absolute;
    width: .12rem;
    height: .12rem;
    background: #fff;
    transform: rotate(45deg);
    top: -.06rem;
    left: 50%;
    margin-left: -.06rem
}

.list10 li .ewm img {
    width: 100%
}

.list10 li:hover .a {
    color: #fff
}

.list10 li:hover .a:after {
    transform: translate(-50%, -50%) scale(1)
}

.list10 li:hover .a img {
    opacity: 1
}

.list10 li:hover .ewm {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.list10 li:last-child {
    margin-right: 0
}

.list10 li .a.swi-weixin0 {
    background: #28c445
}

.list10 li .a.swi-shipinhao {
    background: #fff;
    color: #fa8000;
    border: #f2f2f2 1px solid;
    box-shadow: 0 0 .1rem rgba(0,0,0,.2);
}

.list10 li .a.swi-douyin {
    background: #170b1a
}

.list10 li .a.swi-sina {
    background: #f56467
}

.list10 li .a.swi-bilibiliBzhanbilibili {
    background: #3da7fc
}

.list10 li .a.swi-kuaishou1 {
    background: #f54300
}

.list10 li .a.swi-xiaohongshu {
    background: #ec0000
}
.list10 li .a.swi-toutiao {
    background: rgba(246,0,0);
    padding: 7% 0 0 5%;
    font-size: .2rem;
}

.home4 .more2 {
    font-size: .18rem;
    color: #f0d4ad;
    transition: .5s;
    display: flex;
    padding: .55rem 0 0;
    position: relative
}

.home4 .more2:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: .5rem;
    background: #fff;
    opacity: .2
}

.home4 .more2 svg {
    width: .2rem;
    height: .2rem;
    transform: rotate(90deg)
}

.home4 .more2 .cls-1 {
    fill: #fff;
    fill-rule: evenodd;
    transition: .5s
}

.list11 {
    margin: .2rem -.1rem 0
}

.list11 li {
    width: 50%;
    padding: 0 .1rem;
}

.list11 .a {
    display: block;
    position: relative;
    z-index: 1
}

.list11 .imgBox:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    z-index: 1;
    height: 1.35rem
}

.list11 .imgBox .img {
    padding-bottom: 55.59%
}

.list11 .txt {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 .28rem .2rem;
    align-items: center;
    z-index: 2;
}

.list11 i {
    width: .31rem;
    height: .31rem;
    background: #fff;
    border-radius: 50vw;
    margin: 0 .12rem 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .16rem;
    font-family: 'lib';
    color: #fff
}

.list11 h4 {
    color: #fff !important;
    flex: 1
}

.list11 i.swi-weixin0 {
    background: #28c445
}

.list11 i.swi-shipinhao {
    background: #fff;
    color: #fa8000;
}

.list11 i.swi-douyin {
    background: #170b1a
}

.list11 i.swi-sina {
    background: #f56467
}

.list11 i.swi-bilibiliBzhanbilibili {
    background: #3da7fc
}

.list11 i.swi-kuaishou1 {
    background: #f54300
}

.list11 i.swi-xiaohongshu {
    background: #ec0000
}

.list11s li {
    width: 100%
}

.home1-5 {
    background: url(../images/home1-5.jpg) center bottom no-repeat;
    background-size: 100% auto
}

.home5 {
    padding-top: 1.6rem;
    padding-bottom: .5rem
}

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

.home5 .tit2 .hd {
    justify-content: center
}

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

.home5 .left {
    width: 7.62rem
}

.home5 .right {
    width: calc(100% - 7.62rem)
}

.home5 .content {
    position: relative;
    z-index: 1
}

.home5 .content .bg {
    filter: drop-shadow(.03rem 0.05rem 0.48rem rgba(50, 108, 176, 0.08));
    position: absolute;
    height: 1.2rem;
    right: -1.38rem;
    bottom: 0;
    left: 0
}

.home5 .content .bg:before {
    content: "";
    position: absolute;
    background: url(../images/home5_b1.jpg) center no-repeat;
    background-size: cover;
    clip-path: polygon(0 0, 0 0, 100% 0, 100% 0, 100% calc(100% - 1.2rem), calc(100% - 0.3rem) 100%, 0 100%, 0 100%);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.list12Box {
    overflow: visible
}

.list12 .imgBox .img {
    padding-bottom: 66%
}

.list12 .txt {
    align-items: center;
    margin: 0;
    height: 1.2rem;
    padding: 0 1.1rem 0 .45rem
}

.list12 .time {
    text-align: center;
    position: relative;
    margin: 0 .28rem 0 0
}

.list12 .time:before {
    content: "";
    position: absolute;
    width: 1px;
    height: .46rem;
    background: #64a7f7;
    right: -.28rem;
    top: 50%;
    transform: translateY(-50%);
    opacity: .3;
    transition: .5s
}

.list12 .time h6 {
    font-size: .12rem;
    color: #fff
}

.list12 .time h3 {
    font-size: .36rem;
    color: #fff;
    line-height: 1;
    font-family: 'Poppins-Bold'
}

.list12 .con {
    flex: 1;
    overflow: hidden;
    margin: 0 .26rem
}

.list12 h5 {
    font-size: .16rem;
    color: #fff !important
}

.list12 h4 {
    color: #fff !important;
    font-weight: bold
}

.list12 .dots {
    width: auto;
    font-size: .1rem;
    color: #fff;
    align-items: baseline;
    display: flex
}

.list12 .dots span {
    font-size: .14rem;
    color: #fff
}

.list12 .dots span.swiper-pagination-current {
    font-size: .18rem
}

.list13W {
    position: relative;
    z-index: 1;
    margin-left: -.76rem
}

.list13W .bg1 {
    content: "";
    position: absolute;
    top: -.3rem;
    right: calc((100vw - 14.4rem)/2*-1);
    bottom: -.4rem;
    left: 0;
    background: url(../images/home5_b2.jpg) center no-repeat;
    background-size: cover;
    clip-path: polygon(0 5.5rem, 0.76rem 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 100%)
}

.list13Box {
    height: calc(1.2rem*4);
    clip-path: polygon(0 5.15rem, 0.72rem 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 100%)
}

.list13 .a {
    height: 100%;
    align-items: center;
    padding: 0 .3rem 0 1rem;
    position: relative;
    z-index: 1;
    transition: .5s
}

.list13 .a::before {
    content: "";
    position: absolute;
    width: calc((100vw - 14.4rem)/2 + 100%);
    top: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient( 56deg, rgb(8, 42, 122) 0%, rgb(27, 97, 191) 99%);
    z-index: -1;
    transition: .5s;
    opacity: 0
}

.list13 .time {
    text-align: center;
    width: 1.16rem;
    position: relative;
    margin: 0 .32rem 0 0
}

.list13 .time::before {
    content: "";
    position: absolute;
    width: 1px;
    height: .48rem;
    background: #cfe3fc;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    transition: .5s
}

.list13 .time h6 {
    font-size: .12rem;
    color: #0071aa;
    transition: .5s
}

.list13 .time h3 {
    font-size: .36rem;
    color: #0071aa;
    line-height: 1;
    font-family: 'Poppins-Bold';
    transition: .5s
}

.list13 .con {
    flex: 1;
    overflow: hidden
}

.list13 .con p {
    margin: .04rem 0 0
}

.list13 h5 {
    font-size: .16rem;
    color: #0071aa;
    margin: 0 0 .04rem -.07rem;
    font-weight: 600;
    transition: .5s
}

.arrow1 {
    position: absolute;
    right: 0;
    bottom: -.6rem;
    left: 0;
    justify-content: center;
    align-items: center
}

.arrow1 .arrow {
    width: .43rem;
    height: .43rem;
    align-items: center;
    justify-content: center;
    margin: 0 .18rem;
    position: relative;
    z-index: 1;
    cursor: pointer
}

.arrow1 .arrow::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #d5e9f7;
    border-radius: .1rem;
    z-index: -1;
    transform: rotate(45deg);
    transition: .5s
}

.arrow1 .arrow.prev1 {
    padding-right: .05rem
}

.arrow1 .arrow.next1 {
    padding-left: .05rem
}

.list14W {
    position: relative;
    margin: 0 auto;
    margin-top: -.7rem
}

.list14Box {
    padding-top: .2rem;
    padding-bottom: .4rem;
    perspective: 1000px;
    touch-action: pan-y;
    padding: .28rem 0;
    margin: 0 -.45rem;
    overflow: visible
}

.list14 .swiper-slide .img {
    padding-bottom: 133.33%
}

.list14 .imgBox {
    -webkit-box-reflect: below 0px linear-gradient(to bottom, rgba(0, 0, 0, 0.0) 85%, rgba(0, 0, 0, 0.1) 100%)
}

.list14 .a {
    display: block;
    position: relative
}

.list14 .imgBox:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .3), transparent, rgba(0, 0, 0, 0));
    height: 50%
}

.list14 .txt {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: .2rem .15rem
}

.list14 h4 {
    font-size: .24rem;
    color: #fff
}

.list14W .list14Box .swiper-slide,.list14W .list14Box,.list14W .list14Box .swiper-wrapper {
    transform-style: preserve-3d
}

.list14W .list14Box .swiper-slide-active {
    transform: translate3d(0, 0, -2.8rem) rotateY(0deg);
    transition: .5s
}

.list14W .list14Box .swiper-slide-prev {
    transform: translate3d(-.15rem, 0, -2rem) rotateY(25deg);
    transition: .5s
}

.list14W .list14Box .swiper-slide-next {
    transform: translate3d(.15rem, 0, -2rem) rotateY(-25deg);
    transition: .5s
}

.list14W .list14Box .swiper-slide.pr2 {
    transform: translate3d(.1rem, 0, 0rem) rotateY(35deg);
    transition: .5s
}

.list14W .list14Box .swiper-slide.ne2 {
    transform: translate3d(-.1rem, 0, 0rem) rotateY(-35deg);
    transition: .5s
}

.list14W .list14Box .swiper-slide.pr3 {
    transform: translate3d(.15rem, 0, -.2rem) rotateY(50deg);
    transition: .5s
}

.list14W .list14Box .swiper-slide.ne3 {
    transform: translate3d(-.15rem, 0, -.2rem) rotateY(-50deg);
    transition: .5s
}

.list14W .list14Box .swiper-slide.pr4 {
    transform: translate3d(.15rem, 0, -.2rem) rotateY(50deg);
    transition: .5s;
    opacity: 0
}

.list14W .list14Box .swiper-slide.ne4 {
    transform: translate3d(-.15rem, 0, -.2rem) rotateY(-50deg);
    transition: .5s;
    opacity: 0
}

.list14W .arrow1 {
    bottom: 0
}

.circle1 {
    width: 7.18rem;
    position: relative;
    margin: .3rem auto;
    align-self: flex-start
}

.circle1 .imgBox .img {
    padding-bottom: 100%;
    background: none
}

.circle1 .bg1 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/circle_b1.png) center no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 100%
}

.circle1 .bg2 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/circle_b3.png) center no-repeat;
    background-size: 100% 100%;
    animation: roted 40s linear infinite;
    width: 100%;
    height: 100%
}

.home6 {
    background: url(../images/home6_b1.jpg) center bottom no-repeat;
    background-size: 100% auto;
    padding-bottom: 1.75rem
}

.home6 .left,.home6 .right {
    width: 25%;
    position: relative;
    z-index: 2
}

.home6 .center {
    width: 50%
}

.home6 .tit1 {
    align-items: center
}

.home6 .right .tit1 h3 {
    margin-left: -20%
}

.home6 .tit1 .line {
    flex: 1;
    height: 1px;
    background: #f0d4ad;
    margin: 0 .2rem
}

.list16Box {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 3%;
    right: 0;
    overflow: visible;
    width: 100%;
    padding: .7rem 0
}

.list16 li {
    height: .66rem;
    display: flex;
    align-items: center
}

.list16 .a {
    display: block;
    position: relative;
    padding: 0 0 0 .35rem;
    font-size: .18rem;
    color: #223d79;
    line-height: 1.25
}

.list16 .a::before {
    content: "";
    position: absolute;
    background: url(../images/xing1.png) center no-repeat;
    width: .18rem;
    height: .18rem;
    background-size: cover;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.list16 li:nth-child(1) .a {
    margin-left: -28%
}

.list16 li:nth-child(2) .a {
    margin-left: -16%
}

.list16 li:nth-child(3) .a {
    margin-left: -9%
}

.list16 li:nth-child(6) .a {
    margin-left: -9%
}

.list16 li:nth-child(7) .a {
    margin-left: -16%
}

.list16 li:nth-child(8) .a {
    margin-left: -28%
}

.list17Box {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20%;
    right: 0;
    overflow: visible;
    width: 100%
}

.list17 li {
    position: relative;
    z-index: 1;
    padding: .22rem 0;
    cursor: pointer
}

.list17 .a {
    align-items: center
}

.list17 .ico {
    width: 1.2rem;
    background: #f2f8fd;
    border-radius: 50vw
}

.list17 .txt {
    width: calc(100% - 1.2rem - .2rem);
    position: relative
}

.list17 h3 {
    margin: .2rem 0 0
}

.list17 h3 small {
    font-size: .18rem;
    color: #33549d;
    opacity: .6;
    margin: 0 0 0 .04rem;
    line-height: 1;
    display: inline-block
}

.list17 h3 big {
    font-size: .46rem;
    color: #33549d;
    line-height: 1;
    display: inline-block;
    font-family: 'Poppins-Bold'
}

.list17 p {
    font-size: .18rem;
    color: #999;
    position: relative
}

.list17 li .line {
    position: absolute;
    top: .32rem;
    right: 0;
    left: 0;
    z-index: -1;
    bottom: -.1rem
}

.list17 li .line::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    width: 100%
}

.list17 li:nth-child(2n) h3 big {
    color: #f0d4ad
}

.list17 li:nth-child(2n) h3 small {
    color: #f0d4ad
}

.list17 li:nth-child(1) {
    width: 4.7rem;
    margin: 0 0 0 42%
}

.list17 li:nth-child(1) .line::before {
    background: url(../images/list17_l1.png) right top no-repeat;
    background-size: 3.31rem .73rem;
    height: 100%
}

.list17 li:nth-child(2) {
    width: 4.38rem;
    margin: 0 0 0 31%
}

.list17 li:nth-child(2) .line {
    top: .22rem
}

.list17 li:nth-child(2) .line::before {
    background: url(../images/list17_l2.png) right top no-repeat;
    background-size: 2.98rem .27rem;
    height: 100%
}

.list17 li:nth-child(3) {
    width: 3.8rem;
    margin: 0px 0 0 43%
}

.list17 li:nth-child(3) .line {
    top: .22rem
}

.list17 li:nth-child(3) .line::before {
    background: url(../images/list17_l3.png) right top no-repeat;
    background-size: 2.4rem .27rem;
    height: 100%
}

.list17 li:nth-child(4) {
    width: 5rem;
    margin: 0 0 0 34%
}

.list17 li:nth-child(4) .line {
    top: -.1rem
}

.list17 li:nth-child(4) .line::before {
    background: url(../images/list17_l4.png) right top no-repeat;
    background-size: 3.59rem .51rem;
    height: 100%
}

@keyframes line1 {
    0% {
        width: 0
    }

    100% {
        width: 3.31rem
    }
}

@keyframes line2 {
    0% {
        width: 0
    }

    100% {
        width: 2.98rem
    }
}

@keyframes line3 {
    0% {
        width: 0
    }

    100% {
        width: 2.4rem
    }
}

@keyframes line4 {
    0% {
        width: 0
    }

    100% {
        width: 3.59rem
    }
}

.arrow2 {
    position: absolute;
    bottom: 0;
    z-index: 2;
    height: .56rem;
    align-items: flex-start
}

.arrow2 .arrow {
    display: flex;
    cursor: pointer
}

.arrow2 .line {
    width: 1px;
    height: .32rem;
    background: #e5e5e5;
    transform: rotate(15deg);
    align-self: center
}

.arrow2 .arrow.next {
    align-self: self-end
}

.arrow2 svg {
    width: .36rem;
    height: .36rem;
    fill: #f0d4ad;
    transition: .5s
}

.arrow2 .prev svg {
    fill: #d5e9f7
}

.arrow2 .arrow:hover svg {
    fill: #33549d
}

.home6-7 {
    position: relative;
    z-index: 1
}

.home6-7 .b1s {
    position: absolute;
    left: 0;
    top: 7.75rem;
    width: 17.1875%;
    z-index: 0;
    pointer-events: none
}

.home6 .tit1 h3 {
    position: relative;
    z-index: 1
}

.home6 .tit1 h3::before {
    width: .49rem;
    height: .49rem;
    content: "";
    position: absolute;
    left: -.3rem;
    top: 50%;
    transform: translateY(-50%);
    background-size: .49rem .49rem !important;
    z-index: -1
}

.home6 .left .tit1 h3::before {
    background: url(../images/home6_t1.png) center no-repeat
}

.home6 .right .tit1 h3::before {
    background: url(../images/home6_t2.png) center no-repeat
}

.home6 .left .arrow2 {
    right: -42%;
    bottom: .1rem
}

.home6 .right .arrow2 {
    right: 0
}

.home7 {
    padding-top: 0 !important;
    position: relative;
    z-index: 1
}

.home7 .tit4 {
    position: relative;
    justify-content: center;
    margin-bottom: 1.05rem
}

.home7 .tit4 h3 {
    color: #223d79
}

.list18 li {
    transition: .5s
}

.list18 li.swiper-slide-active+li,.list18 li.swiper-slide-active+li+li+li {
    transform: translateY(.74rem)
}

.list18 .imgBox {
    -webkit-box-reflect: below 0px linear-gradient(to bottom, rgba(0, 0, 0, 0.0) 85%, rgba(0, 0, 0, 0.07) 100%)
}

.list18 .imgBox .img {
    padding-bottom: 146.21%
}

.list18 .top {
    background: url(../images/list18_b.jpg) center no-repeat;
    background-size: cover
}

.list18 .top i {
    width: .58rem;
    height: .58rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #223d79;
    transition: .5s
}

.list18 .top i svg {
    width: .18rem;
    height: .18rem;
    fill: #fff;
    transition: .5s
}

.list18 .top .con {
    flex: 1;
    overflow: hidden;
    padding: 0 .2rem;
    display: flex;
    align-items: center
}

.list18 h4 {
    font-size: .17rem;
    color: #223d79;
    font-weight: 600;
    transition: .5s
}

.list18Box {
    padding-bottom: 1.4rem
}

.list18Box .arrow1 {
    bottom: .2rem
}

.wengli1 {
    position: absolute;
    right: 0;
    top: 50%;
    left: 0;
    z-index: -1;
    pointer-events: none;
    transform: translateY(-50%)
}

.wengli1:after {
    content: "";
    width: 168%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 10%);
    z-index: 1
}

[data-aos=img_s].wengli1:after {
    transform: translateX(34%)
}

[data-aos=img_s].wengli1.aos-animate:after {
    animation: move1 2s linear 0s 1 normal forwards
}

@keyframes move1 {
    0% {
        transform: translateX(34%)
    }

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

@media(min-width: 1024px) {
    .list2 .a:hover::before {
        transform: translateX(0);
        opacity: 1
    }

    .list2 .a:hover * {
        color: #fff
    }

    .list2 .a:hover .time::before {
        background: rgba(255, 255, 255, .2)
    }

    .more1:hover {
        color: #0071aa
    }

    .more1:hover .cls-1 {
        fill: #0071aa
    }

    .home3 .more1:hover {
        color: #f7e7d2
    }

    .home3 .more1:hover .cls-1 {
        fill: #f7e7d2
    }

    .list4 .a:hover .cls-1 {
        fill: #0071aa
    }

    .list8 .rr:hover {
        opacity: 1
    }

    .list10 li:hover {
        z-index: 2
    }

    .list13 .a:hover::before {
        opacity: 1
    }

    .list13 .a:hover * {
        color: #fff
    }

    .arrow1 .arrow:hover::before {
        background: #f0d4ad
    }

    .list17 li:hover:nth-child(1) .line::before {
        width: 3.31rem;
        animation: line1 1s linear
    }

    .list17 li:hover:nth-child(2) .line::before {
        width: 2.98rem;
        animation: line2 1s linear
    }

    .list17 li:hover:nth-child(3) .line::before {
        width: 2.4rem;
        animation: line3 1s linear
    }

    .list17 li:hover:nth-child(4) .line::before {
        width: 3.59rem;
        animation: line4 1s linear
    }

    .list18 .a:hover .top i {
        background: #f0d4ad
    }

    .list18 .a:hover h4 {
        color: #f0d4ad
    }
}

@media(max-width: 1024px) {
    .banner:after {
        height: .7rem
    }

    .banner .imgBox .img {
        padding-bottom: 60%
    }

    .banner .dots {
        bottom: .2rem
    }

    .banner .dots span {
        width: .12rem;
        height: .12rem;
        margin: 0 .1rem !important
    }
}

@media(min-width: 769px) {
    .home6 .left .tit1 .line {
        display: none
    }

    .home6 .left .tit1 .more1 {
        writing-mode: tb-rl;
        position: absolute;
        left: 0;
        top: .75rem;
        padding: 1.3rem 0 0
    }

    .home6 .left .tit1 .more1:before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        width: 1px;
        height: .95rem;
        background: #f0d4ad
    }

    .home6 .left .tit1 .more1 svg {
        transform: rotate(90deg)
    }

    .more10:hover {
        background: #0071aa;
        color: #fff;
    }
}

@media(max-width: 769px) {
    .pad1 {
        padding: .4rem 0
    }

    .home1 .left {
        width: 100%
    }

    .home1 .right {
        width: 100%;
        margin: .25rem 0 0
    }

    .list2 {
        margin: 0 0 .2rem
    }

    .list2 .a {
        padding: 0;
        height: .8rem
    }

    .list2 .time {
        width: .8rem;
        margin: 0 .2rem 0 0
    }

    .tit1 h3 {
        font-size: .26rem
    }

    .tit1 {
        margin-bottom: .25rem
    }

    .list1 .txt {
        height: .7rem
    }

    .home1 .more1 {
        justify-content: center
    }

    .home2 .left {
        width: 100%
    }

    .home2 .right {
        width: 100%;
        margin: .3rem 0 0
    }

    .miso_tab1 .hd ul li h3, .tit2s h3 {
        font-size: .26rem
    }

    .miso_tab1 .hd ul li::before {
        width: 0.12rem;
        height: 0.12rem;
        right: -.22rem
    }

    .more1 {
        font-size: .16rem
    }

    .miso_tab1 .hd ul li {
        margin: 0 .34rem 0 0
    }

    .tit2 {
        margin-bottom: .3rem
    }

    .home2 .left .box {
        padding: .25rem .2rem
    }

    .list4 {
        margin: 0 -7px -.1rem
    }

    .list4 li {
        width: 100%;
        padding: 0 7px;
        margin-bottom: 7px
    }

    .list4 i {
        width: .12rem
    }

    .list4 h4 {
        margin: 0 .2rem 0 .15rem
    }

    .list4 h6 {
        padding: .03rem 0 0
    }

    .list2 .time h3,.list1 .time h3 {
        font-size: .32rem
    }

    .list5 .txt {
        height: 1rem;
        left: .2rem;
        right: .2rem
    }

    .home3 {
        background: url(../images/home2-3_b.png) center top no-repeat;
        background-size: 100% auto;
        padding-top: .7rem !important
    }

    .home3 .left {
        width: 100%;
        padding: .8rem .25rem
    }

    .home3 .right {
        width: 100%;
        padding: .6rem .25rem;
        transform: translateY(0);
        margin: -.3rem 0 0
    }

    .home3 .tit4 {
        margin-bottom: 0rem
    }

    .tit4 h3 {
        font-size: .26rem
    }

    .list6 .time h3 {
        font-size: .32rem
    }

    .list7 .a {
        padding: .12rem 0
    }

    .home2-3 {
        background: none
    }

    .home4 .left {
        width: 100%
    }

    .home4 .right {
        width: 100%;
        margin: .3rem 0 0
    }

    .tit5 {
        flex-direction: row;
        justify-content: space-between;
        margin-bottom: .3rem
    }

    .tit5 h3 {
        font-size: .26rem;
        margin-bottom: 0
    }

    .list10 {
        justify-content: center
    }

    .list8 .a {
        padding: 0;
    }

    .list11 .txt {
        padding: 0 .15rem .12rem
    }

    .list9 .top i {
        width: .6rem;
        height: .6rem
    }

    .list9 .top i svg {
        width: .2rem;
        height: .2rem
    }

    .list8 {
        box-shadow: 0 0 .3rem rgba(0, 0, 0, .05);
        padding: .3rem 15px;
    }

    .list14W {
        margin: -.3rem 0 0
    }

    .list14Box {
        padding-bottom: .6rem
    }

    .arrow1 .arrow {
        transform: scale(.8)
    }

    .home5 .left {
        width: 100%
    }

    .home5 .right {
        width: 100%;
        padding: .2rem 0 0
    }

    .home5 .content .bg {
        display: none
    }

    .list12 .txt {
        background: #0071aa;
        padding: 0 .2rem;
        height: 1rem
    }

    .list12 .time h3 {
        font-size: .32rem
    }

    .list13W {
        margin: 0 0 0;
        padding: 0 0 .7rem
    }

    .list13 .a {
        padding: 0
    }

    .list13 .time {
        width: .7rem;
        margin: 0 .2rem 0 0
    }

    .list13W .bg1 {
        display: none
    }

    .list13Box {
        clip-path: none;
        height: calc(.8rem*4)
    }

    .arrow1 {
        bottom: 0
    }

    .home6 .left,.home6 .right {
        width: 100%
    }

    .home6 .right {
        margin: .4rem 0 0
    }

    .circle1 {
        width: 100%;
        margin: .5rem 0 .3rem;
        display: none
    }

    .list16Box {
        position: relative;
        top: auto;
        transform: none;
        padding: 0;
        left: 0
    }

    .list17Box {
        position: relative;
        padding-bottom: .6rem;
        top: auto;
        transform: none;
        left: 0
    }

    .home6 .tit1 h3::before {
        width: .3rem;
        height: .3rem
    }

    .list17 li {
        padding: .1rem 0
    }

    .list17 .ico {
        width: .7rem
    }

    .list17 h3 big {
        font-size: .3rem
    }

    .list17 .txt {
        width: 100%;
        position: relative;
        text-align: center;
        margin: .1rem 0 0
    }

    .list12 .time {
        margin: 0 .2rem 0 0
    }

    .list12 .time:before {
        right: -.18rem
    }

    .list12 .con {
        margin: 0 .3rem 0 .2rem
    }

    .list17 li .line {
        display: none
    }

    .list17 h3 {
        margin: .06rem 0 0
    }

    .list17 {
        display: flex;
        flex-wrap: wrap
    }

    .list17 li {
        width: 50% !important;
        margin: 0 !important
    }

    .list17 .a {
        flex-direction: column
    }

    .home6 .left .arrow2 {
        right: auto;
        left: 50%;
        transform: translateX(-50%)
    }

    .home6 .right .tit1 h3 {
        margin-left: 0
    }

    .list16 .a {
        margin-left: 0 !important
    }

    .list16 li {
        height: .4rem
    }

    .home6 .right .arrow2 {
        position: relative;
        right: auto;
        margin: .2rem 0 0;
        justify-content: center
    }

    .home7 .tit4 {
        margin-bottom: .3rem
    }

    .list18 li.swiper-slide-active+li,.list18 li.swiper-slide-active+li+li+li {
        transform: translateY(0)
    }

    .list18Box {
        padding-bottom: 1rem
    }

    .list14W .list14Box .swiper-slide-active {
        transform: translate3d(0, 0, -2.1rem) rotateY(0deg);
        transition: .5s
    }

    .list14W .list14Box .swiper-slide-prev {
        transform: translate3d(-.05rem, 0, -1.35rem) rotateY(38deg);
        transition: .5s
    }

    .list14W .list14Box .swiper-slide-next {
        transform: translate3d(.05rem, 0, -1.35rem) rotateY(-38deg);
        transition: .5s
    }

    .list10 li {
        margin: 0 .1rem 0 0;
    }

    .list10 li .a {
        width: .36rem;
        height: .36rem;
        font-size: .2rem;
    }

    .list7 .time {
        margin-right: .4rem
    }

    .list7 .time:before {
        right: -.2rem
    }
}

.list8 li .a.swi-weixin0 {
    background: #28c445
}

.list8 li .a.swi-shipinhao {
    background: #fff;
    color: #fa8000;
    border: #f2f2f2 1px solid
}

.list8 li .a.swi-douyin {
    background: #170b1a
}

.list8 li .a.swi-sina {
    background: #f56467
}

.list8 .swi-bilibiliBzhanbilibili {
    background: #3da7fc
}

.list8 .swi-kuaishou1 {
    background: #f54300
}

.list8 .swi-xiaohongshu {
    background: #ec0000
}