@charset "utf-8";
.svgPath {display: block;}
.ani1s{animation: ups linear 3s infinite; }
.ani2s{animation: ups linear 2.8s infinite;}
.ani3s{animation: ups linear 3.2s infinite;}
.ani4s{animation: ups linear 2.4s infinite; }
.ani5s{animation: ups linear 2.6s infinite;}
.ani6s{animation: ups linear 3.6s infinite;}
.banner_box{position: relative;}
.banner{ overflow: hidden; }
.banner .a{ display: block; position: relative; z-index: 1; overflow: hidden; }
.banner .imgBox{ overflow: hidden; width: 100%;}
.banner .imgBox .img{ padding-bottom: calc(100vh - .5rem); transition: 0s;  }
.banner .imgBox img, .banner .imgBox video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:.5s}
/*.banner .a:after{position: absolute;content: '';left: 0;right: 0;bottom:0;height: 28.54%;background: linear-gradient(0deg, rgba(0, 0, 0, 0.68) 0%, rgba(0, 0, 0, 0) 100%);}*/
.banner.on .swiper-slide-active .a .imgBox, .banner.on .swiper-slide-duplicate-active .a .imgBox, .banner.on .swiper-slide-prev .a .imgBox{ animation: sca 7s linear 0s normal both;}
@keyframes sca {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.1);
    }
}

.banner .swiDots{
    position: absolute;
    left: auto;
    top: 0;
    bottom: 0;
    right: 1.05rem;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.banner .swiDots span{
    width: .13rem;
    height: .13rem;
    background: #FFFFFF no-repeat 50% 50%;
    background-size: 100% auto;
    margin: .33rem 0;
    opacity: .6;
    border-radius: 50vw;
    position: relative;
}
.banner .swiDots span + span:before{
    content: '';
    position: absolute;
    width: .01rem;
    height: .5rem;
    background: #ffffff;
    opacity: .5;
    left: 50%;
    bottom: calc(100% + .1rem);
    transform: translateX(-50%);
}
.banner .swiDots span.active{
    width: .29rem;
    height: .22rem;
    background-color: transparent;
    background-image: url("../images/dots-1.png");
    border-radius: 0;
    opacity: 1;
}
.title001 h2{
    font-size: .38rem;
    line-height: 1;
    color: #053d93;
    font-weight: 700;
    display: flex;
    align-items: center;
    font-family: 'SourceHanSerifCN', sans-serif;
}
.title001 h2 i{
    display: block;
    margin-left: .05rem;
}
.title001 h2 i img{
    display: block;
    height: .38rem;
}
.title001 h4:before{
    position: absolute;
    content: '';
    top: 50%;
    right: calc(100% + .07rem);
    width: .23rem;
    height: .01rem;
    background: #dddddd;
    transform: translateY(-50%);
}
.title001 h4{
    font-size: .14rem;
    line-height: 1;
    color: #dddddd;
    margin-top: .05rem;
    text-transform: capitalize;
    position: relative;
}
.title001 .tit{
    position: relative;
    padding-left: .4rem;
}
.title001 .tit:before{
    position: absolute;
    content: '';
    left: -.02rem;
    bottom: .12rem;
    width: .7rem;
    height: .54rem;
    background: url("../images/tit-1.png") no-repeat 50% 50%;
    background-size: 100% auto;
    z-index: -1;
    pointer-events: none;
}

.more a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .14rem;
    height: .36rem;
    color: #a1a1a1;
    border-radius: 50vw;
    padding: 0 .07rem 0 .2rem;
    transition: .5s;
}
.more a em{
    display: flex;
    align-items: center;
    justify-content: center;
    width: .2rem;
    height: .2rem;
    background: url("../images/arrow-4.png") no-repeat 50% 50%;
    background-size: .09rem auto;
    transition: all .5s;
    border-radius: 50%;
}
.more a em img{
    display: none;
    height: .09rem;
}
.more a:hover em{
    margin-left: .07rem;
    background-color: #ffffff;
    background-image: url("../images/arrow-1.png") !important;
}
.more a:hover{
    color: #ffffff;
    background: #f56647;
}
.more{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}


.list-box1 li{
    width: 20%;
    width: 16.66%;
    position: relative;
    box-shadow: -.2rem 0 .51rem rgba(94, 105, 131, 0.11);
}

.list-box1 li a{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1rem;
    position: relative;
    z-index: 2;
}
.list-box1 li .icon{
    width: .57rem;
    height: .4rem;
    position: relative;
    margin-right: .09rem;
}
.list-box1 li .icon .img-2{
    opacity: 0;
}
.list-box1 li h3{
    font-size: .2rem;
    line-height: .3rem;
    color: rgba(51, 51, 51, 0.6);
    transition: all .5s;
}
.list-box1 li:before{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: -.05rem;
    bottom: -.05rem;
    background: #f56647 url("../images/s1-img-1.png") no-repeat bottom center;
    background-size: 100% auto;
    border-radius: .05rem;
    opacity: 0;
    visibility: hidden;
    transition: all .5s;
}
.list-box1 li:hover .icon .img-2,
.list-box1 li.active .icon .img-2{
    opacity: 1;
    visibility: visible;
}
.list-box1 li:hover .icon .img-1,
.list-box1 li.active .icon .img-1{
    opacity: 0;
    visibility: hidden;
}
.list-box1 li:hover h3,
.list-box1 li.active h3{
    color: #ffffff;
}
.list-box1 li:hover:before,
.list-box1 li.active:before{
    opacity: 1;
    visibility: visible;
}
.list-box1{
    position: relative;
    margin-top: -.65rem;
    background: #ffffff;
    border-radius: .15rem;
}

.index-s1 .left{
    width: 51.25%;
    margin-top: .27rem;
}

.list1wBox1 a{
    display: block;
}
.list1wBox1 a .pic{
    padding-top: 4.61rem;
}
.list1wBox1 .swiDots{
    font-size: 0;
    bottom: .35rem;
    right: .3rem;
    left: auto;
    width: auto;
}
.list1wBox1 .swiDots span{
    width: .1rem;
    height: .1rem;
    margin: 0 .07rem;
    background: #ffffff;
    opacity: 1;
}
.list1wBox1 .swiDots span.active{
    background: #ef5b3b;
}

.list1wBox2{
    background: #ffffff;
    margin: -.07rem .2rem 0 0;
    z-index: 3;
    box-shadow: 0 0 .51rem 0 rgba(94, 105, 131, 0.11);
}
.list1wBox2 a{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.list1wBox2 a .time{
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 1.2rem;
    height: .9rem;
    padding: 0 .13rem;
    background: #f56647;
    flex-shrink: 0;
    color: #ffffff;
}
.list1wBox2 a .time h6{
    display: flex;
    justify-content: space-between;
    font-size: .14rem;
    line-height: 1;
    opacity: .8;
    width: 100%;
}
.list1wBox2 a .time h5 i{
    display: block;
    width: .01rem;
    height: .22rem;
    background: #ffffff;
    opacity: .3;
}
.list1wBox2 a .time h5{
    font-size: .32rem;
    line-height: 1;
    font-family: 'SourceHanSerifCN', sans-serif;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: .05rem;
    padding-right: .03rem;
}
.list1wBox2 a h3{
    flex: 1;
    font-size: .2rem;
    line-height: .24rem;
    color: #333333;
    max-height: .48rem;
    padding: 0 .6rem 0 .25rem;
}
.list1wBox2 a:hover h3{
    color: #f56647;
}
.index-s1 .right{
    width: 46.375%;
}
.list-box2 li a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 1.14rem;
    padding: 0 .4rem 0 .2rem;
    position: relative;
    z-index: 2;
}
.list-box2 li time{
    display: block;
    color: #b4bdcc;
    line-height: 1;
    text-align: center;
    margin-right: .26rem;
    flex-shrink: 0;
    font-family: 'SourceHanSerifCN', sans-serif;
    transition: all .5s;
}
.list-box2 li time span{
    display: block;
    font-size: .36rem;
    font-weight: 700;
}
.list-box2 li time em{
    display: block;
    font-size: .14rem;
    line-height: 1;
    margin-top: .05rem;
}
.list-box2 li .line{
    display: block;
    width: .01rem;
    height: .42rem;
    background: #ececec;
    margin-right: .25rem;
}
.list-box2 li .txt{
    flex: 1;
    overflow: hidden;
}
.list-box2 li h3{
    font-size: .2rem;
    line-height: .24rem;
    color: #333333;
    max-height: .48rem;
}
.list-box2 li:before{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    height: .01rem;
    background: #ececec;
}
.list-box2 li:after{
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 0;
    height: .02rem;
    background: #053d93;
    transition: all .5s;
}
.list-box2 li:hover time,
.list-box2 li:hover h3{
    color: #053d93;
}
.list-box2 li:hover h3{
    font-weight:550;
}
.list-box2 li:hover:after{
    width: 70%;
}
.list-box2 li:hover{
    background: rgba(243, 248, 255, 0.5);
}

.list-box2 li{
    position: relative;
}
.index-s1 .title001{
    margin-top: .72rem;
}
.index-s1 .bg-1{
    position: absolute;
    right: 0;
    top: 1.4rem;
    width: 21.51vw;
    height: 16.92vw;
    background: url("../images/s1-img-3.png") no-repeat 50% 50%;
    background-size: 100% auto;
    pointer-events: none;
    opacity: .04;
}
.index-s1{
    position: relative;
    z-index: 2;
    padding-bottom: .9rem;
}

.index-s2 .image img{
    display: block;
    max-width: 100%;
    max-height: 1.17rem;
    margin: 0 auto;
}
.list-box3 li{
    padding: .06rem;
    margin: 0 .19rem;
    border-radius: 50vw;
    background: rgba(255, 255, 255, 0.24);
    position: relative;
}
.list-box3 li a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .37rem 0 .59rem;
    height: .9rem;
    width: 4.9rem;
    position: relative;
    z-index: 2;
}
.list-box3 li span{
    font-size: .28rem;
    line-height: .4rem;
    color: #ffffff;
}
.list-box3 li img{
    display: block;
    width: .4rem;
    transition: all .5s;
}
.list-box3 li:before{
    position: absolute;
    content: '';
    left: .06rem;
    top: .06rem;
    bottom: .06rem;
    right: .06rem;
    background: no-repeat 50% 50%;
    background-size: cover;
    border-radius: 50vw;
}
.list-box3 li:nth-child(1):before{
    background-image: url("../images/s2-img-2.png");
}
.list-box3 li:nth-child(2):before{
    background-image: url("../images/s2-img-3.png");
}
.list-box3 li:hover img{
    transform: rotate(-30deg);
}
.list-box3{
    margin-top: 0.3rem;
}
.index-s2 .content{
    padding-left: 1.36rem;
}
.index-s2{
    padding: 0.56rem 0 0.74rem;
    background: url("../images/index-s2.png") no-repeat 50% 50%;
    background-size: cover;
}

.list-box4 li{
    width: 31.875%;
    margin: .28rem 0 0 2.1875%;
    position: relative;
    overflow: hidden;
}
.list-box4 li:nth-child(3n+1){
    margin-left: 0;
}
.list-box4 li:nth-child(-n+3){
    margin-top: 0;
}
.list-box4 li a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 1.32rem;
    padding: 0 .44rem 0 .3rem;
    position: relative;
    z-index: 2;
}
.list-box4 li time{
    display: block;
    text-align: center;
    line-height: 1;
    color: #f56647;
    font-family: 'SourceHanSerifCN', sans-serif;
    margin-right: .26rem;
    flex-shrink: 0;
    transition: all .5s;
}
.list-box4 li time span{
    display: block;
    font-size: .36rem;
    font-weight: 700;
}
.list-box4 li time em{
    display: block;
    font-size: .14rem;
    margin-top: .03rem;
}
.list-box4 li .line{
    display: block;
    width: .01rem;
    height: .42rem;
    background: #ececec;
    margin-right: .25rem;
    transition: all .5s;
}
.list-box4 li h3{
    flex: 1;
    overflow: hidden;
    font-size: .2rem;
    line-height: .24rem;
    color: #333333;
    max-height: .48rem;
}
.list-box4 li:before{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: .01rem solid #e8e8e8;
    pointer-events: none;
    transition: all .5s;
}
.list-box4 li .mask {
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%;
    height: 100%;
    background: #f56647;
    pointer-events: none;
}

.list-box4 li:hover time,
.list-box4 li:hover h3{
    color: #ffffff;
}
.list-box4 li:hover .line{
    background: rgba(255, 255, 255, 0.3);
}
.list-box4 {
    margin-top: .27rem;
}
.index-s3{
    margin-top: .88rem;
}

.index-s4 .left{
    width: 60%;
}

.index-s4 .left .ll{
    width: 33.4375%;
    position: relative;
    box-shadow: 0 0 .8rem 0 rgba(3, 55, 136, 0.08);
}
.index-s4 .left .ll .pic{
    padding-top: 4.6rem;
}
.index-s4 .left .ll .txt{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 3;
    padding: .64rem .5rem;
    text-align: center;
}
.index-s4 .left .ll h3{
    font-size: .26rem;
    line-height: .36rem;
    color: #053d93;
    font-weight: 700;
}
.index-s4 .left .ll i{
    display: block;
    width: 100%;
    height: .13rem;
    background: url("../images/s4-img-1.png") no-repeat 50% 50%;
    background-size: auto 100% ;
    margin-top: .23rem;
    margin-bottom: .16rem;
}
.index-s4 .left .ll h4{
    font-size: .2rem;
    line-height: .54rem;
    color: #333333;
    text-align: center;
    transition: all .5s;
}
.index-s4 .left .ll h4:hover,
.list-box6 li a .hide .desc p:hover{
    color:#f56647
}
.index-s4 .left .rr{
    width: 66.5625%;
    position: relative;
}
.list-box5 li{
    width: 50%;
    background: #ffffff;
    box-shadow: -.2rem -.2rem .8rem 0 rgba(3, 55, 136, 0.08);
}
.list-box5 li a{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    height: 2.3rem;
    padding: .37rem .3rem .37rem .4rem;
}
.list-box5 li .txt{
    width: calc(100% - .7rem);
    margin-top: .32rem;
    color: #333333;
    line-height: 1;
    transition: color .5s;
}
.list-box5 li h3{
    font-size: .24rem;
}
.list-box5 li h4{
    font-size: .2rem;
    margin-top: .1rem;
}
.list-box5 li h5{
    margin-top: .55rem;
}
.list-box5 li h5 img{
    display: block;
    height: .06rem;
}
.list-box5 li .icon{
    position: relative;
    width: .5rem;
    height: .5rem;
}
.list-box5 li:hover .txt{
    color: #f56647;
}
.list-box5 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.index-s4 .left .content{
    margin-top: .32rem;
}
.index-s4 .right{
    width: 37.5%;
}

.list-box6 li{
    width: 16.66%;
    height: 4.6rem;
    transition: width .5s;
}
.list-box6 li a{
    display: block;
    position: relative;
    height: 100%;
    overflow: hidden;
    transition: clip-path .5s;
}

.list-box6 li a .pic{
    height: 100%;
}
.list-box6 li a .show{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    padding: .82rem 0 .47rem;
    transition: all .5s;
}
.list-box6 li a .show h3{
    font-size: .24rem;
    line-height: 1;
    color: #ffffff;
    writing-mode: tb-lr;
    writing-mode: vertical-lr;
}
.list-box6 li a .show .arrow{
    display: block;
    width: .4rem;
    margin-top: .2rem;
    flex-shrink: 0;
    opacity: 0;
    transition: all .5s;
}
.list-box6 li a .hide{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: .63rem .2rem;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: all .5s;
}
.list-box6 li a .hide h3{
    font-size: .28rem;
    line-height: .38rem;
    color: #ffffff;
    font-weight: 700;
}
.list-box6 li a .hide i{
    display: block;
    height: .13rem;
    background: url("../images/s4-img-7.png") no-repeat 50% 50%;
    background-size: 100% auto;
    margin-top: .22rem;
}
.list-box6 li a .hide .desc{
    font-size: .18rem;
    line-height: .54rem;
    line-height: .46rem;
    color: #ffffff;
    max-height: 2.16rem;
    max-height: 3rem;
    overflow: hidden;
    margin-top: .18rem;
}

.list-box6 li:nth-child(2n-1) a{
    clip-path: polygon(0 .1rem, 100% 0, 100% 100%, 0 calc(100% - .1rem));
}
.list-box6 li:nth-child(2n) a {
    clip-path: polygon(0 0, 100% .1rem, 100% calc(100% - .1rem), 0 100%);
}

.list-box6 li.active a .show{
    opacity: 0;
    visibility: hidden;
}
.list-box6 li.active a .hide{
    opacity: 1;
    visibility: visible;
}
.list-box6 li:hover .show .arrow{
    opacity: 1;
}
.list-box6 li.active a{
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%) !important;
}
.list-box6 li.active{
    width: calc(100% - 16.66% * 3);
}
.list-box6{
    margin-top: .32rem;
}
.index-s4{
    margin-top: .83rem;
}

.index-s5 .left{
    width: 72.5%;
}

.list-box7 li{
    width: 29.31%;
    margin-left: 6.035%;
}
.list-box7 li:nth-child(3n+1){
    margin-left: 0;
}
.list-box7 a{
    display: block;
}
.list-box7 a time{
    display: flex;
    align-items: baseline;
    font-size: .14rem;
    color: #b4bdcc;
    line-height: 1;
    font-family: 'SourceHanSerifCN', sans-serif;
}
.list-box7 a  time span{
    display: block;
    font-size: .36rem;
    color: #053d93;
    font-weight: 700;
    margin-right: .05rem;
    transition: all .5s;
}
.list-box7 a h3{
    font-size: .18rem;
    line-height: .28rem;
    color: #333333;
    height: .56rem;
    margin-top: .15rem;
}
.list-box7 a:hover h3,
.list-box7 a:hover time span{
    color: #f56647;
}
.list-box7{
    margin-top: .55rem;
}
.index-s5 .right{
    width: 23.125%;
    margin-top: .2rem;
}
.index-s5 .right a{
    display: block;
    position: relative;
}
.index-s5 .right a .pic{
    padding-top: 2rem;
}
.index-s5 .right a .text{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    padding: 0 .4rem;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}
.index-s5 .right a h3{
    font-size: .26rem;
    line-height: .3rem;
    color: #ffffff;
    font-family: 'SourceHanSerifCN', sans-serif;
    font-weight: 700;
}
.index-s5 .right a .arrow img{
    display: block;
    height: .06rem;
}
.index-s5 .right a .arrow{
    margin-top: .2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: .4rem;
    height: .4rem;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50vw;
    transition: all .5s;
}
.index-s5 .right a:hover .arrow{
    background: #f56647;
}
.index-s5 .bg-5{
    position: absolute;
    left: .11rem;
    right: .16rem;
    top: 0;
    height: 23.22vw;
    background: url("../images/index-s5.png") no-repeat top center;
    background-size: 100% auto;
    pointer-events: none;
}
.index-s5{
    margin-top: 1.03rem;
    padding: 1.12rem 0 .5rem;
    position: relative;
}

.list-box8 li{
    width: 32.5%;
}
.list-box8 li a{
    display: block;
    position: relative;
}
.list-box8 li .pic{
    padding-top: 2.3rem;
}
.list-box8 li .text{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    padding: 0.4rem .3rem .34rem .47rem;
    color: #ffffff;
}
.list-box8 li h3{
    font-size: .24rem;
    line-height: .3rem;
}
.list-box8 li h4{
    font-size: .14rem;
    line-height: .24rem;
    opacity: .6;
    height: .48rem;
    margin-top: .05rem;
}
.list-box8 li h6{
    font-size: .18rem;
    line-height: .28rem;
    color: #ffffff;
    margin-top: .2rem;
}
.list-box8 li .arrow img{
    display: block;
    width: .18rem;
}
.list-box8 li .arrow{
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.1);
    width: .4rem;
    height: .4rem;
    right: .23rem;
    bottom: .2rem;
    border-radius: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all .5s;
}

.list-box8 li:hover .arrow{
    opacity: 1;
    visibility: visible;
}
.list-box8{
    margin-top: .5rem;
}
.index-s6{
    margin-top: .49rem;
    position: relative;
    z-index: 2;
}
.index-s7 .left{
    width: 41.75%;
}
.list-box9 li a{
    display: block;
    position: relative;
    transition: all .5s;
}
.list-box9 li .top{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.list-box9 li .top h3{
    flex: 1;
    font-size: .2rem;
    line-height: .3rem;
    color: #333333;
    padding-left: .37rem;
    background: url("../images/s7-img-1.png") no-repeat left center;
    background-size: .22rem;
}
.list-box9 li .top time{
    display: block;
    font-size: .16rem;
    line-height: .24rem;
    color: #b4bdcc;
    margin-left: .2rem;
    flex-shrink: 0;
    font-family: 'SourceHanSerifCN', sans-serif;
    transition: all .5s;
}
.list-box9 li p{
    font-size: .16rem;
    line-height: .24rem;
    color: rgba(51, 51, 51, 0.6);
    height: .48rem;
}
.list-box9 li .desc{
    padding-left: .37rem;
}
.list-box9 li:before{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    height: .01rem;
    background: #ececec;
    opacity: 0;
    visibility: hidden;
    transition: all .5s;
}
.list-box9 li:after{
    position: absolute;
    content: '';
    right: 0;
    bottom: 0;
    height: .03rem;
    width: .8rem;
    background: #053d93;
    opacity: 0;
    visibility: hidden;
    transition: all .5s;
}
.list-box9 li + li .desc{
    display: none;
}
.list-box9 li + li{
    margin-top: .6rem;
}
.list-box9 li.active .top h3{
    color: #053d93;
    background-image: url("../images/s7-img-2.png");
}
.list-box9 li.active .top time{
    color: #4a6692;
}
.list-box9 li.active .desc{
    margin-top: .07rem;
}
.list-box9 li.active a{
    padding-bottom: .37rem;
}
.list-box9 li.active:before,
.list-box9 li.active:after{
    opacity: 1;
    visibility: visible;
}
.list-box9 li.active + li{
    margin-top: .3rem;
}
.list-box9 li:last-child.active{
    margin-top: .31rem;
}
.list-box9 li{
    position: relative;
    transition: margin-top .5s;
}
.list-box9{
    margin-top: .47rem;
}
.index-s7 .cen{
    width: 29.0625%;
}
.list-box10 li a{
    display: flex;
    align-items: center;
    height: .92rem;
    position: relative;
    z-index: 2;
}
.list-box10 li h3{
    font-size: .2rem;
    line-height: .3rem;
    color: #ffffff;
    font-weight: 700;
}
.list-box10 li:before{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    height: .01rem;
    background: #ffffff;
    opacity: .15;
}
.list-box10 li:after{
    position: absolute;
    content: '';
    left: -.45rem;
    right: -.6rem;
    top: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.1);
    opacity: 0;
    visibility: hidden;
}
.list-box10 li:nth-child(2n):after{
    opacity: 1;
    visibility: visible;
}
.list-box10 li:hover a h3{
    color: #ef5b3b;
}
.list-box10 li{
    position: relative;
}
.list-box10 ul{
    padding: 0 .6rem 0 .45rem;
}
.list-box10{
    margin-top: .4rem;
    background: url("../images/s7-img-3.jpg") no-repeat 50% 50%;
    background-size: cover;
}
.index-s7 .right{
    width: 24.0625%;
}
.list-box11 li a{
    font-size: .2rem;
    line-height: .66rem;

    color: #ffffff;
    padding-left: .36rem;
    background: url("../images/s7-img-4.png") no-repeat left center;
    background-size: .2rem;
}
.list-box11 li:hover a{
    color: #f56647;
}
.list-box11{
    margin-top: .4rem;
    padding: .32rem .3rem;
    background: url("../images/s7-img-5.jpg") no-repeat left center;
    background-size: cover;
}
.index-s7 .bg-7{
    position: absolute;
    left: 0;
    right: 0;
    height: 97.5vw;
    bottom: -13.75vw;
    background: url("../images/index-s7.jpg") no-repeat bottom center;
    background-size: 100% auto;
    pointer-events: none;
}
.index-s7{
    position: relative;
    padding: 1.23rem 0 1.04rem;
}

.list-box12 li{
    width: 31.875%;
    margin: .38rem 0 0 2.1875%;
    position: relative;
    overflow: hidden;
    background: #ffffff;
}
.list-box12 li:nth-child(3n+1){
    margin-left: 0;
}
.list-box12 li:nth-child(-n+3){
    margin-top: 0;
}
.list-box12 li a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 1.32rem;
    padding: 0 .44rem 0 .3rem;
    position: relative;
    z-index: 2;
}
.list-box12 li time{
    display: block;
    text-align: center;
    line-height: 1;
    color: #f56647;
    font-family: 'SourceHanSerifCN', sans-serif;
    margin-right: .26rem;
    flex-shrink: 0;
    transition: all .5s;
}
.list-box12 li time span{
    display: block;
    font-size: .36rem;
    font-weight: 700;
}
.list-box12 li time em{
    display: block;
    font-size: .14rem;
    margin-top: .03rem;
}
.list-box12 li .line{
    display: block;
    width: .01rem;
    height: .42rem;
    background: #ececec;
    margin-right: .25rem;
    transition: all .5s;
}
.list-box12 li h3{
    flex: 1;
    overflow: hidden;
    font-size: .2rem;
    line-height: .3rem;
    color: #333333;
    max-height: .6rem;
}
.list-box12 li .mask{
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%;
    height: 100%;
    background: #f56647;
    pointer-events: none;
}
.list-box12 li:before{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: .01rem solid #e8e8e8;
    pointer-events: none;
    transition: all .5s;
}
.list-box12 li:hover time{
    color: #ffffff;
}
.list-box12 li:hover .line{
    opacity: .3;
}
.list-box12 li:hover h3{
    color: #ffffff;
}
.list-box12{
    margin-top: .35rem;
}
.index-s8 .title001 h2{
    color: #ffffff;
}
.index-s8 .title001 h4{
    opacity: .6;
}
.index-s8 .more a em{
    background-image: url("../images/arrow-6.png");
}
.index-s8 .more a{
    color: #ffffff;
}
.index-s8{
    padding: .98rem 0 1.28rem;
    background: url("../images/index-s8.png") no-repeat 50% 50%;
    background-size: cover;
position: relative;

}
.index-s9 .left{
    width: 48.75%;
}

.list-box13 li{
    width: 50%;

}
.list-box13 li a{
    display: block;
    position: relative;
}
.list-box13 li.li1 .text{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .4rem;
    z-index: 3;
}
.list-box13 li.li1 h5{
    font-size: .18rem;
    line-height: .24rem;
    color: #ffffff;
}
.list-box13 li.li1 h3{
    font-size: .18rem;
    line-height: .26rem;
    color: #ffffff;
    height: .52rem;
    margin-top: .2rem;
}
.list-box13 li.li1 h6{
    margin-top: .6rem;
}
.list-box13 li.li1 h6 img{
    display: block;
    height: .07rem;
}
.list-box13 li.li1 time{
    position: absolute;
    bottom: .22rem;
    right: .27rem;
    font-size: .16rem;
    color: #ffffff;
    line-height: .24rem;
    font-family: 'SourceHanSerifCN', sans-serif;
    opacity: .6;
}
.list-box13 li.li1 .pic{
    height: 3.2rem;
}
.list-box13 li.li2 .pic{
    padding-top: 1.91rem;
}
.list-box13 li.li2 h5{
    position: absolute;
    left: 0;
    top: .1rem;
    font-size: .14rem;
    line-height: .3rem;
    color: #ffffff;
    text-align: center;
    padding: 0 .1rem;
    min-width: .9rem;
    background: #f56647;
    z-index: 3;
}

.list-box13 li.li2 h3{
    font-size: .18rem;
    line-height: .26rem;
    color: #333333;
    height: .52rem;
}
.list-box13 li.li2 time{
    display: block;
    font-size: .16rem;
    line-height: .24rem;
    color: #b4bdcc;
    font-family: 'SourceHanSerifCN', sans-serif;
    text-align: right;
    margin-top: -.06rem;
}
.list-box13 li.li2 .text{
    margin-top: .21rem;
}
.list-box13 li.li2 a{
    padding: .26rem .25rem .12rem;
}
.list-box13 li.li2:hover h3{
    color: #f56647;
}
.list-box13 li.li2{
    background: #ffffff;
    box-shadow: 0 0 .8rem 0 rgba(3, 55, 136, 0.08);
}
.list-box13{
    margin-top: .29rem;
}

.index-s9 .right{
    width: 47.5%;
}
.list2w a{
    display: block;
}
.list2w a .pic{
    padding-top: 4.27rem;
}
.list2w a time{
    display: block;
    text-align: center;
    line-height: 1;
    color: #053d93;
    font-family: 'SourceHanSerifCN', sans-serif;
    margin-right: .22rem;
}
.list2w a time span{
    display: block;
    font-size: .36rem;
    line-height: 1;
    font-weight: 700;
}
.list2w a time em{
    display: block;
    font-size: .14rem;
    margin-top: .05rem;
}
.list2w a .line{
    width: .01rem;
    height: .42rem;
    background: #ececec;
    margin-right: .4rem;
    margin-top: .08rem;
}
.list2w a .txt{
    flex: 1;
    overflow: hidden;
    margin-top: .02rem;
}
.list2w a h3{
    font-size: .22rem;
    line-height: .3rem;
    color: #333333;
}
.list2w a p{
    font-size: .16rem;
    line-height: .24rem;
    color: rgba(51, 51, 51, 0.6);
    height: .48rem;
    margin-top: .1rem;
}
.list2w a .text{
    padding: .53rem .32rem .8rem;
}
.list2w a:hover h3{
    color: #f56647;
}
.list2w .swiDots{
    font-size: 0;
    right: .28rem;
    bottom: .28rem;
    width: auto;
    left: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.list2w .swiDots span{
    display: flex;
    align-items: center;
    justify-content: center;
    width: .3rem;
    height: .3rem;
    background: transparent;
    opacity: 1;
    font-size: .16rem;
    line-height: 1;
    color: #4a6692;
    font-family: 'SourceHanSerifCN', sans-serif;
    position: relative;
    transition: all .5s;
}
.list2w .swiDots span:before{
    position: absolute;
    content: '';
    top: 50%;
    left: calc(100% + .11rem);
    width: .32rem;
    height: .01rem;
    background: #e3d4d4;
    opacity: 0;
    visibility: hidden;
}
.list2w .swiDots span.active:before{
    opacity: 1;
    visibility: visible;
}
.list2w .swiDots span.active{
    color: #ffffff;
    background: #f56647;
    margin-right: .48rem;
    margin-left: .05rem;
}
.list2w{
    margin-top: .19rem;
    background: #ffffff;
    box-shadow: 0 0 .8rem 0 rgba(3, 55, 136, 0.08);
}
.index-s9{
    padding: .81rem 0 .96rem;
    background: #f3f9fd;
}


.index-s10 .left{
    width: 73.125%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}
.index-s10 .left .ll{
    width: 29.91%;
    margin-top: .88rem;
}
.index-s10 .left a{
    display: block;
    position: relative;
}
.index-s10 .left a .play{
    position: absolute;
    left: 50%;
    top: 50%;
    width: .62rem;
    height: .62rem;
    transform: translate(-50%, -50%);
    background: url("../images/play.png") no-repeat 50% 50%;
    background-size: 100%;
    z-index: 3;
}
.index-s10 .left a.mask h3{
    position: absolute;
    left: 0;
    right: 0;
    bottom: .17rem;
    font-size: .18rem;
    line-height: .28rem;
    color: #ffffff;
    padding: 0 .23rem;
    z-index: 3;

}
.index-s10 .left a.mask:before{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    height: 45%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    pointer-events: none;
    z-index: 1;
    opacity: .8;
}
.index-s10 .left a .text{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    z-index: 3;
}
.index-s10 .left a .text .icon{
    width: .54rem;
    height: .58rem;
    position: relative;
}
.index-s10 .left a .text h3{
    font-size: .2rem;
    line-height: .3rem;
    color: #ffffff;
    margin-top: .14rem;
    text-align: center;
}
.index-s10 .left a.a1 .pic{
    padding-top: 2.8rem;
}
.index-s10 .left a.a2 .pic{
    padding-top: 2.98rem;
}

.index-s10 .left .rr{
    width: 68.8%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: .16rem 0;
}
.index-s10 .left a.a3{
    width: 58.38%;
}
.index-s10 .left a.a3 .pic{
    padding-top: 3.25rem;
}
.index-s10 .left a.a4{
    width: 39.75%;
}
.index-s10 .left a.a4 .pic{
    padding-top: 3.25rem;
}
.index-s10 .left a.a5{
    width: 39.75%;
}
.index-s10 .left a.a5 .pic{
    padding-top: 3.25rem;
}
.index-s10 .left a.a6{
    width: 58.38%;
}
.index-s10 .left a.a6 .pic{
    padding-top: 3.25rem;
}
.index-s10 .right{
    width: 26%;
    margin-top: .76rem;
    padding: .19rem .3rem;
    background: #f56647 url("../images/s10-img-7.png") no-repeat bottom center;
    background-size: 100% auto;
}

.list-box14 li a{
    display: block;
    padding: .34rem 0 .28rem;
}
.list-box14 li time{
    display: flex;
    align-items: center;
    font-size: .16rem;
    line-height: .24rem;
    color: #ffffff;
    font-family: 'SourceHanSerifCN', sans-serif;
}
.list-box14 li time img{
    display: block;
    width: .24rem;
    margin-right: .12rem;
}
.list-box14 li h3{
    font-size: .18rem;
    line-height: .22rem;
    color: #ffffff;
    height: .44rem;
    margin-top: .08rem;
    transition: all .5s;
}
.list-box14 li:before{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    height: .01rem;
    background: #ffffff;
    opacity: .2;
}
.list-box14 li:last-child:before{
    opacity: 0;
}
.list-box14 li:hover h3{
    font-weight: 700;
}
.list-box14 li{
    position: relative;
}
.index-s10 .content{
    margin-top: -.45rem;
}
.index-s10 .mt-list{
    position: absolute;
    right: 1.25rem;
    top: 0;
    z-index: 3;
}
.index-s10 .mt-list ul{
    gap: 0 .23rem;
}
.index-s10 .mt-list li{
    position: relative;
}
.index-s10 .mt-list li a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
}
.index-s10 .mt-list li a img{
    max-width: .37rem;
    max-height: .24rem;
}
.index-s10 .mt-list li:nth-child(1) a{
    background: #4dc000;
}
.index-s10 .mt-list li:nth-child(2) a{
    background: #db1c1c;
}
.index-s10 .mt-list li:nth-child(3) a{
    background: #eb0404;
}
.index-s10 .mt-list li span{
    position: absolute;
    left: 50%;
    bottom: calc(100% + .11rem);
    width: .9rem;
    background: #ffffff;
    padding: .05rem;
    border-radius: .05rem;
    transform: translate(-50%,-.2rem);
    transition: all .5s;
    filter: drop-shadow(0 0 .5rem rgba(3, 55, 136, 0.4));
    opacity: 0;
    visibility: hidden;
}
.index-s10 .mt-list li span img{
    display: block;
    width: 100%;
}
.index-s10 .mt-list li span:before{
    position: absolute;
    content: '';
    left: 50%;
    top: 100%;
    border: .05rem solid transparent;
    border-top-color: #ffffff;
    transform: translateX(-50%);
}
.index-s10 .mt-list li:hover span{

}
.index-s10{
    padding: .91rem 0 1.6rem;
    background: url("../images/index-s10.jpg") no-repeat bottom center;
    background-size: 100% auto;
}

.aside{
    position: fixed;
    right: .1rem;
    top: 50%;
    width: 1.04rem;
    transform: translate(calc(100% + .1rem),-50%);
    z-index: 99;
    padding: .16rem 0 .42rem;
    background: url("../images/as-img-6.png") no-repeat top center;
    background-size: 100% 100%;
    transition: all .5s;
}
.aside li a{
    display: block;
    padding: .17rem 0 .1rem;
    position: relative;
    z-index: 2;
}
.aside li .ico{
    display: flex;
    align-items: center;
    justify-content: center;
    width: .3rem;
    height: .25rem;
    margin: 0 auto;
}
.aside li p{
    font-size: .16rem;
    line-height: .24rem;
    color: #ffffff;
    text-align: center;
    margin-top: .1rem;
}
.aside li:not(:last-child):before{
    position: absolute;
    content: '';
    left: .13rem;
    right: .13rem;
    bottom: 0;
    height: .01rem;
    background: #ffffff;
    opacity: .1;
}
.aside li:after{
    position: absolute;
    content: '';
    left: -.05rem;
    right: -.05rem;
    top: 0;
    bottom: 0;
    background: #f56647;
    border-radius: .05rem;
    opacity: 0;
    visibility: hidden;
    transition: all .5s;
}
.aside li:hover:after{
    opacity: 1;
    visibility: visible;
}
.aside li{
    position: relative;
}
.aside.show{
    transform: translate(0,-50%);
}
@media (min-width: 1025px) {
    .list-box6 .li.li2 + li a{ clip-path: polygon(0 .1rem, 100% 0, 100% 100%, 0 calc(100% - .1rem));}
    .list-box6 .li.li2 + li + li a{ clip-path: polygon(0 0, 100% .1rem, 100% calc(100% - .1rem), 0 100%);}
    .list-box6 .li.li2 + li + li + li a{ clip-path: polygon(0 .1rem, 100% 0, 100% 100%, 0 calc(100% - .1rem));}
    .list-box6 .li.li2 + li + li + li + li a{ clip-path: polygon(0 0, 100% .1rem, 100% calc(100% - .1rem), 0 100%);}
    .list-box6 .li.li2 + li + li + li + li + li a{ clip-path: polygon(0 .1rem, 100% 0, 100% 100%, 0 calc(100% - .1rem));}

    .list-box6 .li.li3 a{ clip-path: polygon(0 0, 100% .1rem, 100% calc(100% - .1rem), 0 100%);}
    .list-box6 .li.li3 + li a{ clip-path: polygon(0 .1rem, 100% 0, 100% 100%, 0 calc(100% - .1rem));}
    .list-box6 .li.li3 + li + li + li + li a{ clip-path: polygon(0 .1rem, 100% 0, 100% 100%, 0 calc(100% - .1rem));}

    .list-box6 .li.li4 + li a{ clip-path: polygon(0 0, 100% .1rem, 100% calc(100% - .1rem), 0 100%);}
    .list-box6 .li.li4 + li + li + li + li a{ clip-path: polygon(0 0, 100% .1rem, 100% calc(100% - .1rem), 0 100%);}
    .list-box6 .li.li4 + li + li + li + li + li a{ clip-path: polygon(0 .1rem, 100% 0, 100% 100%, 0 calc(100% - .1rem));}

}


@media (max-width: 1025px) {
    .aside{
        display: none;
    }
    .banner .imgBox .img{
        padding-bottom: 50vw;
    }
    .banner .swiDots{
        inset: auto;
        left: 0;
        right: 0;
        bottom: .15rem;
        flex-direction: row;

    }
    .banner .swiDots span{
        margin: 0 .08rem;
        width: .1rem;
        height: .1rem;
    }
    .banner .swiDots span + span:before{
        display: none;
    }
    .list-box1 li .icon{
        width: .35rem;
        height: .35rem;
    }
    .list-box1 li a{
        height: .85rem;
    }
    .list-box1{
        margin-top: 0;
    }
    .title001 h2{
        font-size: .3rem;
    }
    .title001 h2 i img{
        height: .3rem;
    }
    .title001 .tit:before{
        width: 0.6rem;
        height: 0.4rem;
    }
    .index-s1 .title001{
        margin-top: .4rem;
    }
    .index-s1 .left{
        width: 100%;
        margin-top: 0;
    }
    .list1wBox1 a .pic{
        padding-top: 56.22%;
    }
    .list1wBox2 a .time h5{
        font-size: .28rem;
    }
    .list1wBox2 a .time{
        width: 1.1rem;
        padding: 0 .1rem;
    }
    .list1wBox2 a h3{
        line-height: .3rem;
        max-height: .6rem;
        padding: 0 .2rem;
    }
    .list1wBox2{
        margin: 0;
    }
    .index-s1 .right{
        width: 100%;
        margin-top: .3rem;
    }
    .list-box2 li time span{
        font-size: .32rem;
    }
    .list-box2 li time{
        margin-right: .2rem;
    }
    .list-box2 li .line{
        margin-right: .2rem;
    }
    .list-box2 li h3{
        line-height: .3rem;
        max-height: .6rem;
    }
    .list-box2 li a{
        padding: 0 .2rem;
        height: .9rem;
    }
    .index-s1 .content{
        margin-top: .25rem;
    }
    .index-s1{
        padding: .4rem 0;
    }
    .index-s2 .content{
        padding-left: 0;
    }
    .index-s2 .image img{
        max-height: .5rem;
    }
    .list-box3 li span{
        font-size: .2rem;
    }
    .list-box3 li img{
        width: .35rem;
    }
    .list-box3 li a{
        padding: 0 .2rem;
        height: .7rem;
        width: auto;
    }
    .list-box3 li{
        width: 45%;
        margin: 0;
    }
    .list-box3 ul{
        gap: .2rem 2%;
    }
    .list-box3{
        margin-top: .2rem;
    }
    .index-s2{
        padding: .4rem 0;
    }
    .list-box4 li time span{
        font-size: .32rem;
    }
    .list-box4 li time{
        margin-right: .2rem;
    }
    .list-box4 li .line{
        margin-right: .2rem;
    }
    .list-box4 li h3{
        line-height: .3rem;
        max-height: .6rem;
    }
    .list-box4 li a{
        padding: 0 .2rem;
        height: 1rem;
    }
    .list-box4 li{
        width: 49%;
        margin: 0;
    }
    .list-box4 ul{
        gap: .2rem 2%;
    }
    .list-box4{
        margin-top: .25rem;
    }
    .index-s3{
        margin-top: .4rem;
    }
    .index-s4 .left{
        width: 100%;
    }
    .list-box5 li .icon{
        width: .45rem;
        height: .45rem;
    }
    .list-box5 li a{
        padding: .2rem .3rem;
        height: 1.5rem;
    }
    .list-box5 li .txt{
        margin-top: .0em;
    }
    .list-box5 li h5{
        margin-top: .2rem;
    }
    .index-s4 .left .ll .txt{
        padding: .2rem;
    }
    .index-s4 .left .ll h3{
        font-size: .22rem;
        line-height: .32rem;
    }
    .index-s4 .left .ll i{
        margin: .1rem 0 .05rem;
    }
    .index-s4 .left .ll h4{
        line-height: .4rem;
        font-size: .18rem;
    }
    .index-s4 .left .ll .pic{
        padding-top: 3rem;
    }
    .index-s4 .left .content{
        margin-top: .25rem;
    }
    .index-s4 .right{
        width: 100%;
        margin-top: .4rem;
    }
    .list-box6 li a .show{
        padding: .4rem 0;
    }
    .list-box6 li a .hide{
        padding: .4rem 0;
    }
    .list-box6 li.active,
    .list-box6 li{
        width: 25%;
    }
    .list-box6 li.active a .show{
        opacity: 1;
        visibility: visible;
    }
    .list-box6 li.active a .hide{
        opacity: 0;
        visibility: hidden;
    }
    .list-box6 li a .show h3{
        font-size: .28rem;
        letter-spacing: .1em;
    }
    .list-box6 li.active a {
        clip-path: polygon(0 .1rem, 100% 0, 100% 100%, 0 calc(100% - .1rem)) !important;
    }
    .list-box6{
        margin-top: .25rem;
    }
    .index-s4{
        margin-top: .4rem;
    }
    .index-s5 .left{
        width: 100%;
    }
    .list-box7 a time span{
        font-size: .32rem;
    }
    .list-box7 a h3{
        font-size: .2rem;
        line-height: .3rem;
        height: .6rem;
        margin-top: .05rem;
    }
    .list-box7 li{
        width: 32%;
        margin: 0;
    }
    .list-box7 ul{
        gap: .2rem 2%;
    }
    .list-box7{
        margin-top: .25rem;
    }
    .index-s5 .right{
        width: 100%;
        margin-top: .2rem;
    }
    .index-s5 .bg-5{
        left: 0;
        right: 0;
    }

    .index-s5{
        padding: .4rem 0;
        margin-top: .4rem;
    }
    .list-box8 li .text{
        padding: .2rem;
        z-index: 2;
    }
    .list-box8 li h3{
        font-size: .2rem;
    }
    .list-box8 li h6 {
        margin-top: .1rem;
    }
    .list-box8 li .arrow{
        width: .35rem;
        height: .35rem;
    }
    .list-box8 li .pic {
        padding-top: 1.8rem;
    }
    .list-box8{
        margin-top: .25rem;
    }
    .index-s6 .title001{
        justify-content: space-between;
    }
    .index-s6{
        margin-top: 0;
    }
    .index-s7 .left{
        width: 100%;
    }
    .list-box9 li.active a{
        padding-bottom: .2rem;
    }
    .list-box9 li + li {
        margin-top: 0.2rem;
    }
    .list-box9 li.active + li{
        margin-top: .2rem;
    }
    .list-box9{
        margin-top: .25rem;
    }
    .list-box10 li a{
        height: .78rem;
    }
    .list-box10 ul{
        padding: 0 .2rem;
    }
    .list-box10{
        margin-top: .25rem;
    }
    .list-box11 li a{
        line-height: .56rem;
    }
    .list-box11{
        margin-top: .25rem;
        padding: .27rem .2rem;
    }
    .index-s7 .cen,
    .index-s7 .right{
        width: 49%;
    }
    .index-s7 .wp{
        gap: .4rem 0;
    }
    .index-s7{
        padding: .4rem 0;
    }
    .list-box12 li time span{
        font-size: .32rem;
    }
    .list-box12 li time{
        margin-right: .2rem;
    }
    .list-box12 li .line{
        margin-right: .2rem;
    }
    .list-box12 li a{
        padding: 0 .2rem;
        height: 1rem;
    }
    .list-box12 li h3{
        line-height: .3rem;
        max-height: .6rem;
    }
    .list-box12 li{
        width: 49%;
        margin: 0;
    }
    .list-box12 ul{
        gap: .2rem 2%;
    }
    .list-box12{
        margin-top: .25rem;
    }
    .index-s8{
        padding: .4rem 0;
    }
    .index-s9 .left{
        width: 100%;
    }
    .list-box13 li.li1 .text{
        padding: .3rem;
    }
    .list-box13 li.li2 a{
        padding: .2rem;
    }
    .list-box13 li.li2 .text {
        margin-top: .15rem;
    }
    .list-box13 li a{
        height: 100%;
    }
    .list-box13 li.li1 .pic{
        height: 100%;
        padding-top: inherit;
    }
    .list-box13{
        margin-top: .25rem;
    }
    .index-s9 .right{
        width: 100%;
        margin-top: .4rem;
    }
    .list2w a .pic{
        padding-top: 56.18%;
    }
    .list2w a time span{
        font-size: .32rem;
    }
    .list2w a time{
        margin-right: .2rem;
    }
    .list2w a .line{
        margin-right: .2rem;
    }
    .list2w a p{
        margin-top: .05rem;
    }
    .list2w a .text{
        padding: .2rem;
    }
    .list2w .swiDots{
        position: static;
        margin-right: .2rem;
    }
    .list2w{
        margin-top: .25rem;
        padding-bottom: .2rem;
    }
    .index-s9{
        padding: .4rem 0;
    }
    .index-s10 .mt-list{
        position: static;
        margin-top: .1rem;
    }
    .index-s10 .mt-list ul{
        gap:  0 .2rem;
        justify-content: center;
    }
    .index-s10 .mt-list li a{
        width: .45rem;
        height: .45rem;
    }
    .index-s10 .mt-list li a img{
        max-width: .3rem;
        max-height: .2rem;
    }
    .index-s10 .left{
        width: 100%;
    }
    .index-s10 .left .ll{
        margin-top: 0;
    }
    .index-s10 .left a.a1 .pic{
        padding-top: 3.25rem;
    }
    .index-s10 .left a.a2 .pic{
        padding-top: 3.25rem;
    }
    .index-s10 .left a.a2{
        margin-top: .2rem;
    }
    .index-s10 .left .rr{
        gap: .2rem 0;
    }
    .index-s10 .left a .text .icon{
        width: .4rem;
        height: .4rem;
    }
    .index-s10 .left a .text h3{
        margin-top: .1rem;
    }
    .index-s10 .left a .play{
        width: .45rem;
        height: .45rem;
    }
    .index-s10 .right{
        width: 100%;
        margin-top: .2rem;
        padding: .1rem .2rem;
    }
    .list-box14 li h3{
        line-height: .3rem;
        height: .6rem;
    }
    .list-box14 li a{
        padding: .15rem 0;
    }
    .index-s10 .content{
        margin-top: .2rem;
    }
    .index-s10{
        padding: .4rem 0;
    }

}

@media (max-width: 769px) {
    .list-box1 li{
        width: 33.33%;
    }
    .list-box1 li:nth-last-child(1),
    .list-box1 li:nth-last-child(2){
        width: 50%;
    }
    .list-box1 ul{
        justify-content: flex-start;
    }
    .list-box4 li{
        width: 100%;
    }
    .index-s4 .left .ll{
        width: 100%;
    }
    .index-s4 .left .ll .pic .a{

    }
    .index-s4 .left .rr{
        width: 100%;
    }
    .list-box5 li a{
        padding: .2rem;
        height: auto;
    }
    .list-box5 li .icon{
        width: .4rem;
        height: .4rem;
        order: 0;
    }
    .list-box5 li h3{
        font-size: .2rem;
        line-height: 1.5;
    }
    .list-box5 li h4{
        font-size: .18rem;
        line-height: 1.5;
        margin-top: 0;
    }
    .list-box5 li h5{
        margin-top: .15rem;
    }
    .list-box5 li .txt{
        width: 100%;
        margin-top: .1rem;
        order: 1;
    }
    .list-box6 li a .show h3{
        font-size: .24rem;
    }
    .list-box7 li{
        width: 100%;
    }
    .list-box8 li{
        width: 100%;
    }
    .list-box8 ul{
        gap: .2rem 0;
    }
    .index-s7 .cen,
    .index-s7 .right{
        width: 100%;
    }
    .list-box11{
        padding: .2rem;
    }
    .list-box12 li{
        width: 100%;
    }
    .index-s10 .left .ll{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: .1rem 0;
        justify-content: space-between;
    }
    .index-s10 .left a.a2,
    .index-s10 .left a.a3,
    .index-s10 .left a.a6{
        margin-top: 0;
        width: calc(60% - .1rem);
    }
    .index-s10 .left a.a1,
    .index-s10 .left a.a4,
    .index-s10 .left a.a5{
        width: 40%;
    }
    .index-s10 .left a.a1 .pic,
    .index-s10 .left a.a2 .pic,
    .index-s10 .left a.a3 .pic,
    .index-s10 .left a.a4 .pic,
    .index-s10 .left a.a5 .pic,
    .index-s10 .left a.a6 .pic{
        padding-top: 35vw;
    }
    .index-s10 .left .rr{
        width: 100%;
        gap: .1rem 0;
        margin-top: .1rem;
    }

}

@media (max-width: 481px) {
    .list1wBox2 a .time h6 em:last-child{
        display: none;
    }
    .list1wBox2 a .time h6{
        font-size: .18rem;
    }
    .list1wBox2 a .time h5{
        margin-bottom: .08rem;
        margin-top: 0;
    }
    .list1wBox2 a .time{
        flex-direction: column-reverse;
    }
    .list-box1 li{
        width: 50%;
    }
    .list-box1 li:nth-last-child(1){
        /*width: 100%;*/
    }
    .list-box3 li{
        width: 100%;
    }
    .list-box3 ul{
        gap: .1rem 0;
    }
    .list-box6 li{
        height: 3.1rem;
    }
    .index-s5 .right a .pic {
        padding-top: 1.6rem;
    }
    .list-box13 li{
        width: 100%;
    }
    .list-box13 li.li1{
        height: 42vw;
    }
    .list-box13 li.li1 h6{
        margin-top: .2rem;
    }
    .list-box13 li.li1 .text{
        padding: .2rem;
    }
    .list-box13 li:nth-child(1){
        order: 1;
    }
    .list-box13 li:nth-child(2){
        order: 0;
    }
    .list-box13 li:nth-child(3){
        order: 2;
    }
    .list-box13 li:nth-child(4){
        order: 3;
    }
}