@charset "utf-8";
.svgPath {display: block;width: 0;height: 0;}
.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: 50%; 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 4s ease-out 0s normal both;}
@keyframes sca {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.12);
    }
}

.banner .swiDots{
    font-size: 0;
    bottom: .4rem;
}
.banner .swiDots span{
    width: .09rem;
    height: .09rem;
    margin: 0 .125rem;
    background: #FFFFFF;
    border-radius: 50%;
    opacity: .5;
    position: relative;
}
.banner .swiDots span:before{
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    width: .43rem;
    height: .3rem;
    background: url("../images/dots-1.svg") no-repeat 50% 50%;
    background-size: 100%;
    transform: translate(-50%,-50%);
    opacity: 0;
    visibility: hidden;
    transition: all .5s;
}
.banner .swiDots span.active:before{
    opacity: 1;
    visibility: visible;
}
.banner .swiDots span.active{
    opacity: 1;
    margin: 0 .295rem;
    background: transparent;
}
.title001 h2{
    font-size: .48rem;
    line-height: 1;
    color: #333333;
    display: flex;
    justify-content: center;
    position: relative;
    padding: 0 .4rem;
    font-weight: 700;
}
.title001 h2 span{
    color: #127764;
}
.title001 h2:before,
.title001 h2:after{
    position: absolute;
    content: '';
    top: 0;
    width: .48rem;
    height: .43rem;
    background: no-repeat 50% 50%;
    background-size: 100%;
    pointer-events: none;
}
.title001 h2:before{
    left: 0;
    background-image: url("../images/tit-l1.png");
}
.title001 h2:after{
    right: 0;
    background-image: url("../images/tit-r1.png");
}
.title001 h4{
    height: .18rem;
    justify-content: center;
    display: flex;
    align-items: center;
    font-size: .18rem;
    line-height: 1;
    color: #BBBBBB;
    text-transform: capitalize;
    padding: 0 .4rem;
    margin-top: .08rem;
}
.title001 h4 i{
    display: block;
    width: .3rem;
    height: .01rem;
    margin-right: .06rem;
    background: #BBBBBB;
}
.more a{
    display: flex;
    align-items: center;
    font-size: .18rem;
    line-height: 1;
    color: #999999;
    font-weight: 600;
    transition: .5s;
}
.more a i{
    display: block;
    width: .36rem;
    height: .36rem;
    background: url("../images/more-1.png") no-repeat 50% 50%;
    background-size: 100% auto;
    position: relative;
    margin-left: .1rem;
}
.more a i:before{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../images/more-2.png") no-repeat 50% 50%;
    background-size: 100% auto;
    transition: all .5s;
}
.more a:hover i:before{
    transform: rotate(90deg);
}
.more a:hover{
    color: #127764;
}
.title002 h2{
    font-size: .36rem;
    line-height: 1;
    color: #333333;
    font-weight: 700;
    position: relative;
    padding: 0 .34rem;
}
.title002 h2 span{
    color: #127764;
}
.title002 h2:before,
.title002 h2:after{
    position: absolute;
    content: '';
    top: 0;
    width: .4rem;
    height: .36rem;
    background: no-repeat 50% 50%;
    background-size: 100%;
    pointer-events: none;
}
.title002 h2:before{
    left: 0;
    background-image: url("../images/tit-l1.png");
}
.title002 h2:after{
    right: 0;
    background-image: url("../images/tit-r1.png");
}
.index-s1 .left{
    width: 55%;
}
.list1w a{
    display: block;
}
.list1w a .pic{
    padding-top: 5.77rem;
    border-radius: .14rem;
}
.list1w a h3{
    font-size: .28rem;
    color: #333333;
    line-height: .38rem;
    font-weight: 600;
}
.list1w a p{
    font-size: .18rem;
    line-height: .26rem;
    color: #858585;
    height: .52rem;
    margin-top: .11rem;
}
.list1w a h5 img{
    display: block;
    height: .11rem;
    margin-left: .15rem;
}
.list1w a h5{
    display: flex;
    align-items: center;
    font-size: .15rem;
    line-height: .2rem;
    color: #818181;
    margin-top: .22rem;
}
.list1w a time{
    position: absolute;
    right: .22rem;
    top: -1.08rem;
    width: .96rem;
    height: 1.19rem;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-family: 'ArialMT', sans-serif;
}
.list1w a time span{
    display: block;
    font-size: .48rem;
    line-height: 1;
    position: relative;
    z-index: 2;
}
.list1w a time em{
    display: block;
    font-size: .17rem;
    line-height: 1;
    margin-top: .0rem;
    position: relative;
    z-index: 2;
}
.list1w a time:before,
.list1w a time:after{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50vw;
}
.list1w a time:before{
    background: #FFFFFF;
    transform: translate(.03rem,-.06rem);
}
.list1w a time:after{
    background: #F26321;
}
.list1w a .text{
    position: relative;
    margin-top: .44rem;
    padding-right: .86rem;
}
.list1w .btn{
    width: .66rem;
    height: 1rem;
    background: rgba(0, 0, 0, 0.3) no-repeat 50% 50%;
    background-size: .23rem;
    margin-top: -.94rem;
    transition: background-color .5s;
}
.list1w .prev{
    left: 0;
    background-image: url("../images/arrow-2.png");
    border-radius: 0 .1rem .1rem 0;
}
.list1w .next{
    right: 0;
    background-image: url("../images/arrow-3.png");
    border-radius:  .1rem 0 0 .1rem;
}
.list1w .btn:hover{
    background-color: rgba(0, 0, 0, .7);
}
.list1w{
    margin-top: .47rem;
}
.index-s1 .right{
    width: 40.5%;
}
.list-box1 .show a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 1rem;
}
.list-box1 .show time{
    display: flex;
    align-items: baseline;
    color: #127764;
    margin-right: .25rem;
    flex-shrink: 0;
    font-size: .16rem;
    line-height: 1;
    transform: translateY(-.25em);
}
.list-box1 .show time span{
    font-size: .34rem;
    font-weight: 700;
    margin-right: .05rem;
}
.list-box1 .show h3{
    flex: 1;
    font-size: .22rem;
    line-height: .36rem;
    color: #333333;
}
.list-box1 .hide a{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    z-index: 2;
    padding: .26rem .36rem .35rem .27rem;
}
.list-box1 .hide time{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: .84rem;
    height: .66rem;
    margin-right: .36rem;
    flex-shrink: 0;
    color: #008F8D;
    background: url("../images/s1-img-2.png") no-repeat 50% 50%;
    background-size: 100% 100%;
}
.list-box1 .hide time span{
    display: block;
    font-size: .34rem;
    line-height: 1;
    font-weight: 700;
}
.list-box1 .hide time em{
    display: block;
    font-size: .16rem;
    line-height: 1;
    margin-top: .02rem;
}
.list-box1 .hide .text{
    width: calc(100% - 1.2rem);
    margin-top: .05rem;
}
.list-box1 .hide h3{
    font-size: .22rem;
    line-height: .32rem;
    color: #008F8D;
    font-weight: 700;
}
.list-box1 .hide h3 span{
    background-size: 100% 1px;
    color: #008F8D;
}
.list-box1 .hide p{
    font-size: .18rem;
    line-height: .24rem;
    color: #666666;
    height: .48rem;
    margin-top: .13rem;
}
.list-box1 .hide:before{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: -.01rem;
    bottom: 0;
    background: #FFFFFF;
    border-radius: .12rem;
    box-shadow: 0 .04rem .2rem rgba(46, 99, 79, 0.3);
    opacity: 0;
    visibility: hidden;
}
.list-box1 .hide{
    position: relative;
    margin-left: -.4rem;
    display: none;
}
.list-box1 li:before{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    height: .01rem;
    background: #E8ECF2;
}

.list-box1 li{
    position: relative;
}
.list-box1{
    margin-top: .37rem;
}
.index-s2 .item{
    width: 34%;
    position: relative;
    padding: .67rem .89rem .47rem .39rem;
    background: linear-gradient(90deg, #FFFFFF 10%, rgba(255, 255, 255, 0) 100%);
    border-radius: .2rem;
}
.list-box2 li{
    width: 49%;
}
.list-box2 li a{
    display: block;
    padding: 0.15rem 0 .15rem;
}
.list-box2 li h3{
    font-size: .22rem;
    line-height: .32rem;
    color: #333333;
}
.list-box2 li h5{
    display: flex;
    align-items: center;
    font-size: .16rem;
    line-height: 1;
    color: #797979;
}
.list-box2 li h5 img{
    display: block;
    width: .13rem;
    margin-right: .07rem;
}
.list-box2 li h5 span{
    flex: 1;
}
.list-box2 li h3 + h5{
    margin-top: .08rem;
}
.list-box2 li h5 + h5{
    margin-top: .125rem;
}
.list-box2 li + li:before{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    height: .01rem;
    background: #E8ECF2;
}
.list-box2 li:hover h3{
    font-weight: 700;
}
.list-box2 li{
    position: relative;
}
.list-box2{
    margin-top: .23rem;
}

.list-box3 li a{
    display: block;
    padding: .22rem 0 .18rem;
}
.list-box3 li h3{
    font-size: .22rem;
    line-height: .32rem;
    color: #333333;
}
.list-box3 li time{
    display: block;
    font-size: .16rem;
    line-height: .3rem;
    color: #848484;
    margin-top: .02rem;
}
.list-box3 li + li:before{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    height: .01rem;
    background: #E8ECF2;
}
.list-box3 li:hover h3{
    font-weight: 700;
}
.list-box3 li{
    position: relative;
}
.list-box3{
    margin-top: .26rem;
}
.index-s2 .item:before{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border: .01rem solid #107461;
    border-radius: .2rem;
    mask: linear-gradient(45deg, black 0%, rgba(255, 255, 255, 0) 99%);
    pointer-events: none;
}
.index-s2 .item1{
    z-index: 2;
    width: 66%;
}

.index-s2{
    margin-top: .95rem;
}
.home1 .bg-box:before{
    position: absolute;
    content: '';
    left: 0;
    bottom: 2.32rem;
    width: 84.375vw;
    height: 38.125vw;
    background: url("../images/s2-img-2.png") no-repeat 50% 50%;
    background-size: cover;
    z-index: -1;
}
.home1 .bg-box:after{
    position: absolute;
    content: '';
    right: 0;
    bottom: 1.97rem;
    width: 32.4vw;
    height: 36.71875vw;
    background: url("../images/s2-img-1.png") no-repeat 50% 50%;
    background-size: cover;
    z-index: -1;
}
.home1 .bg-box{
    pointer-events: none;
}
.home1{
    padding: .85rem 0 1.03rem;
    position: relative;
}
.index-s3 .left{
    width: 55.625%;
}
.list2w{
    width: calc(100% + (100vw - 16rem) / 2);
    position: relative;
    left: 0;
}
.list2w a{
    display: block;
    border-radius: .16rem 0 0 .16rem;
    overflow: hidden;
}
.list2w .pic{
    padding-top: 6.36rem;
}
.index-s3 .right{
    width: 37.25%;
    margin-top: 1.52rem;
}
.list-box4 li{
    height: 1rem;
    position: relative;
    transition: height .5s;
    padding-right: .52rem;
}
.list-box4 li .show a{
    display: flex;
    align-items: center;
    height: 100%;
    font-size: .22rem;
    color: #333333;
}
.list-box4 li .show{
    height: 100%;
}
.list-box4 li .hide a{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    height: 100%;
    padding: .38rem 0;
    overflow: hidden;
}
.list-box4 li .hide time{
    display: block;
    font-size: .16rem;
    line-height: 1;
    color: #127764;
}
.list-box4 li .hide h3{
    font-size: .24rem;
    line-height: .32rem;
    color: #333333;
    height: .64rem;
}
.list-box4 li .hide p{
    font-size: .16rem;
    line-height: .26rem;
    color: #858585;
}
.list-box4 li .hide h5 img{
    display: block;
    width: .12rem;
}
.list-box4 li .hide h5{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .14rem;
    color: #FFFFFF;
    width: 1.28rem;
    height: .36rem;
    background: #F26321;
    border-radius: 50vw;
    padding: 0 .16rem;
}
.list-box4 li .hide{
    display: none;
    height: 100%;
}
.list-box4 li:before,
.list-box4 li:after{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    height: .01rem;
    background: #BEC8D6;
}
.list-box4 li:before{
    top: 0;
}
.list-box4 li + li:before{
    opacity: 0;
    top: -.01rem;
}
.list-box4 li:after{
    bottom: 0;
}
.list-box4 li .btn{
    position: absolute;
    width: .35rem;
    height: .35rem;
    right: 0;
    top: .3rem;
    background: url("../images/arrow-5.png") no-repeat 50% 50%;
    background-size: 100%;
    cursor: pointer;
    transition: all .5s;
}
.list-box4 li.active .btn{
    background-image: url("../images/arrow-6.png");
}
.list-box4 li.active .show{
    display: none;
}
.list-box4 li.active .hide{
    display: block;
}
.list-box4 li.active:before,
.list-box4 li.active:after{
    background: #127764;
    opacity: 1;
}
.list-box4 li.active{
    height: 2.84rem;
}
.list-box4{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.index-s3 .content{
    position: relative;
    margin-top: -.74rem;
    flex-direction: row-reverse;
}
.index-s3{
    padding: 1.23rem 0 1.23rem;
    background: #E8F4F4 url("../images/index-s3.png") no-repeat 50% 50%;
    background-size: cover;
}
.index-s4 .tab-tit{
    display: flex;
}
.index-s4 .tab-tit .li.active h2{
    font-size: .38rem;
    color: #C1D0D2;
    line-height: .48rem;
}
.index-s4 .tab-tit .li.active h2 span{
    color: #C1D0D2;
}
.index-s4 .tab-tit .li.active h2:before,
.index-s4 .tab-tit .li.active h2:after{
    opacity: 0;
}
.index-s4 .tab-tit .li.active h4{
    opacity: 0;
}
.index-s4 .tab-tit .li + .li{
    margin-left: .1rem;
}
.index-s4 .tab-tit .li{
    cursor: pointer;
}
.index-s4 .title001 .more a.active{
    display: none;
}

.list3w a{
    position: relative;
    display: block;
}
.list3w a .con{
    position: relative;
    z-index: 2;
    padding: .38rem .39rem .26rem;
}
.list3w a time{
    display: flex;
    align-items: baseline;
    font-size: .16rem;
    line-height: 1;
}
.list3w a time span{
    display: block;
    font-size: .32rem;
    font-weight: 700;
    margin-right: .05rem;
}
.list3w a h3{
    font-size: .22rem;
    line-height: .3rem;
    height: .6rem;
    color: #333333;
    margin-top: .44rem;
}
.list3w a p{
    font-size: .16rem;
    line-height: .26rem;
    color: #797979;
    -webkit-line-clamp: 4;
    height: 1.04rem;
    margin-top: .27rem;
}
.list3w a .line{
    display: block;
    height: .01rem;
    background: #5D5D5D;
    opacity: .1;
    margin-top: .7rem;
}
.list3w a .tag{
    display: flex;
    align-items: center;
    font-size: .16rem;
    line-height: .3rem;
    margin-top: .25rem;
}
.list3w a .tag em{
    display: block;
    width: .07rem;
    height: .25rem;
    background: no-repeat 50% 50%;
    background-size: 100%;
}
.list3w a .tag em.eml{
    margin-right: .07rem;
}
.list3w a .tag em.emr{
    margin-left: .07rem;
}
.list3w a .arrow{
    position: absolute;
    width: .5rem;
    height: .5rem;
    right: .25rem;
    bottom: 0.13rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.list3w a .arrow .svg{
    display: block;
    width: .16rem;
    height: .13rem;
    transition: all .5s;
}
.list3w a:before{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: .12rem;
    transform-origin: 50% 50%;
    background: #D1F0EE;
    transition: all .5s;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
}
.list3w a:after{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: no-repeat 50% 50%;
    background-size: 100% 100%;
    pointer-events: none;
    transition: all .5s;
}
.list3w a.item1 time,
.list3w a.item1 .tag{
    color: #5DDFDD;
}
.list3w a.item1 .tag em.eml{
    background-image: url('../images/s4-l1.png');
}
.list3w a.item1 .tag em.emr{
    background-image: url('../images/s4-r1.png');
}
.list3w a.item1 .arrow{
    color: #5DDFDD;
}
.list3w a.item1:after{
    background-image: url("../images/s4-img-2.png");
}
.list3w a.item2 time,
.list3w a.item2 .tag{
    color: #7F73BC;
}
.list3w a.item2 .tag em.eml{
    background-image: url('../images/s4-l2.png');
}
.list3w a.item2 .tag em.emr{
    background-image: url('../images/s4-r2.png');
}
.list3w a.item2 .arrow{
    color: #7F73BC;
}
.list3w a.item2:after{
    background-image: url("../images/s4-img-3.png");
}
.list3w a.item3 time,
.list3w a.item3 .tag{
    color: #C89C4F;
}
.list3w a.item3 .tag em.eml{
    background-image: url('../images/s4-l3.png');
}
.list3w a.item3 .tag em.emr{
    background-image: url('../images/s4-r3.png');
}
.list3w a.item3 .arrow{
    color: #C89C4F;
}
.list3w a.item3:after{
    background-image: url("../images/s4-img-4.png");
}
.list3w a.item0 time,
.list3w a.item0 .tag{
    color: #109CA2;
}
.list3w a.item0 .tag em.eml{
    background-image: url('../images/s4-l4.png');
}
.list3w a.item0 .tag em.emr{
    background-image: url('../images/s4-r4.png');
}
.list3w a.item0 .arrow{
    color: #109CA2;
}
.list3w a.item0:after{
    background-image: url("../images/s4-img-5.png");
}
.list3w a:hover time,
.list3w a:hover .tag,
.list3w a:hover h3{
    color: #FFFFFF; !important;
}
.list3w a:hover p{
    color: rgba(255, 255, 255, 0.7);
}
.list3w a:hover .tag em.eml{
    background-image: url("../images/s4-l5.png") !important;
}
.list3w a:hover .tag em.emr{
    background-image: url("../images/s4-r5.png") !important;
}
.list3w a:hover .arrow .svg{
    transform: rotate(-45deg);
}
.list3w a:hover .arrow{
    right: 0;
    bottom: 0;
    background-color: #F26321;
    color: #FFFFFF;

}
.list3w a:hover:after{
    background-image: url("../images/s4-img-1.png");
}
.list3w a:hover:before{
    transform: rotate(-5deg);
    opacity: 1;
    visibility: visible;
}
.list3wBox{
    margin: 0 -.2rem;
    padding: .2rem;
}
.list3w .swiDots{
    position: relative;
    width: 3.15rem;
    height: .02rem;
    left: auto;
    margin: .2rem auto 0;
    background: #F3F4F8;
}
.list3w .swiDots span{
    background: #FD6E48;
}
.index-s4 .tab-cont .child{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0;
    z-index: -1;
    pointer-events: none;
    transform: translate(0,20px);
    transition: all .5s;
}
.index-s4 .tab-cont .child.active{
    opacity: 1;
    position: relative;
    pointer-events: auto;
    z-index: 3;
    transform: translateZ(0);
}
.index-s4 .tab-cont .more{
    display: none;
}
.index-s4 .tab-cont{
    position: relative;
    margin-top: .4rem;
}
.index-s4{
    padding: 1.2rem 0 1.65rem;
    background: url("../images/index-s4.png") no-repeat bottom center;
    background-size: 100% auto;
}
.index-s5 .left{
    width: 19.75%;
    margin-top: 2.53rem;
}
.index-s5 .list4w3{
    width: calc(100% + (100vw - 16rem) /2);
    position: relative;
    left: calc((100vw - 16rem) /-2);
}
.list4w3 a{
    display: block;
    border-radius: .16rem;
    overflow: hidden;
}
.list4w3 .pic{
    padding-top: 2.89rem;
}
.index-s5 .right{
    width: 79%;
    position: relative;
}
.list4w1{
    width: 8.88rem;
    position: relative;
}
.list4w1 a{
    display: block;
    position: relative;

    padding-bottom: .38rem;
    overflow: hidden;
}
.list4w1 a .pic{
    padding-top: 5.42rem;
    border-radius: .2rem;
}
.list4w1 a .text{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    width: 5.6rem;
    padding: .33rem .3rem .41rem;
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(10px) saturate(100%);
    border-radius: .12rem;
    z-index: 3;
}
.list4w1 a .text h3{
    font-size: .24rem;
    line-height: .36rem;
    color: #333333;
    text-align: center;
    transition: all .5s;
}
.list4w1 a .text:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: .01rem solid #F26321;
    border-radius: .12rem;
    mask: linear-gradient(45deg, black 0%, transparent 100%);
    pointer-events: none;
    box-sizing: border-box;
}
.list4w1 a:hover .text h3{
    color: #F26321;
}


.list4w2{
    position: absolute;
    bottom: .38rem;
    left: 9.08rem;
    width: 4.76rem;
    z-index: 3;
}

.list4w2 a{
    display: block;
    border-radius: .16rem;
    overflow: hidden;
}
.list4w2 a .pic{
    padding-top: 2.89rem;
}


.list4w1 .btnBox{
    position: absolute;
    left: 0;
    right: 0;
    bottom: -.23rem;
    display: flex;
    justify-content: center;
    gap: 0 .15rem;
}
.list4w1 .btn{
    width: .5rem;
    height: .5rem;
    background: #FFFFFF no-repeat 50% 50%;
    background-size: .07rem;
    position: static;
    transform: none;
    border-radius: 50%;
    box-shadow: 0 0 .1rem rgba(242, 99, 33, 0.3);
    transition: all .5s;
}
.list4w1 .prev{
    background-image: url("../images/arrow-7.png");
}
.list4w1 .next{
    background-image: url("../images/arrow-8.png");
}
.list4w1 .prev:hover{
    background-image: url("../images/arrow-10.png");
}
.list4w1 .next:hover{
    background-image: url("../images/arrow-9.png");
}
.list4w1 .btn:hover{
    background-color: #F26321;
    box-shadow: none;
}
/*.list4w2:before{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: .01rem solid #F26321;
    border-radius: .12rem;
    mask: linear-gradient(45deg,black 0%,transparent 100%);
    pointer-events: none;
}*/
.index-s5 .lines:before{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    height: .01rem;
    background: #127664;
}
.index-s5 .lines:after{
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 40.2%;
    height: .03rem;
    background: #F26321;
}
.index-s5 .lines{
    position: absolute;
    left: 0;
    top: calc(100% - .21rem);
    width: 72.9%;
    height: .21rem;
    pointer-events: none;
    z-index: -1;
}
.index-s5 .content{
    position: relative;
}
.index-s5 .bg-5{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 18.64vw;
    height: 21.09375vw;
    background: url("../images/index-s5.png") no-repeat 50% 50%;
    background-size: 100% auto;
    pointer-events: none;
}
.index-s5{
    position: relative;
    padding: 1.45rem 0 2.31rem;
    background: linear-gradient(180deg, #ECF9F9 0%, rgba(236, 249, 249, 0) 100%);
}

.list5w .con{
    display: block;
    position: relative;
}
.list5w h3{
    font-size: .7rem;
    line-height: .86rem;
    color: #FFFFFF;
    font-family: 'D-DIN',sans-serif;
    position: relative;
    z-index: 2;
}
.list5w .images{
    position: relative;
    height: .01rem;
    width: 2rem;
    margin-top: .2rem;
}
.list5w .images span{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    pointer-events: none;
}
.list5w .images span img{
    display: block;
    width: 100%;
}
.list5w .images:before,
.list5w .images:after{
    position: absolute;
    content: '';
    height: .01rem;
    bottom: 0;
}
.list5w .images:before{
    left: 0;
    width: .32rem;
    background: #F4CA66;
}
.list5w .images:after{
    left: .38rem;
    right: 0;
    background: #FFFFFF;
}
.list5w h5{
    display: block;
    font-size: .18rem;
    line-height: .3rem;
    color: #FFFFFF;
    margin-top: .13rem;
}
.list5w .con:hover h3{
    color: #F4CA66;
}
.list5w .btn{
    width: .37rem;
    height: .38rem;
    background: no-repeat 50% 50%;
    background-size: 100%;
}
.list5w .prev{
    left: 0;
    background-image: url('../images/arrow-11.png');
}
.list5w .next{
    right: 0;
    background-image: url('../images/arrow-12.png');
}

.list5w{
    margin-top: .6rem;
    position: relative;
    padding: 0 .5rem 0 1.2rem;
}
.list-box5 li{
    width: 33.33%;
    position: relative;
    height: 8.66rem;
}
.list-box5 li .con{
    display: block;
    padding: .22rem;
    border-radius: .5rem;
}
.list-box5 li .con a{
    display: block;
}
.list-box5 li .pic{
    padding-top: 3.7rem;
    border-radius: .4rem;
}
.list-box5 li .tag{
    position: absolute;
    top: .4rem;
    left: .44rem;
    font-size: .16rem;
    line-height: .36rem;
    color: #FFFFFF;
    padding: 0 .23rem;
    border-radius: 50vw;
    z-index: 3;
}
.list-box5 li.li1 .tag{
    background: rgba(32, 51, 115, 0.9);
}
.list-box5 li.li1 .con{
    background: #ECEFF8;
}
.list-box5 li.li2 .tag{
    background: #10AA9F;
}
.list-box5 li.li2 .con{
    background: #5DB1B3;
}
.list-box5 li.li3 .tag{
    background: #FF6D12;
}
.list-box5 li.li3 .con{
    background: #F7F5DE;
}
.list-box5 .gd{
    position: absolute;
    left: 0;
    right: 0;
    bottom: .48rem;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
}
.list-box5 .gd a{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 1.6rem;
    height: 1.6rem;
}
.list-box5 .gd a:before{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../images/s6-img-88.svg") no-repeat 50% 50%;
    background-size: 100%;
    animation: roted 8s linear infinite;
}
.list-box5 .gd a img{
    display: block;
    width: .25rem;
    position: relative;
    z-index: 2;
}
.list-box5{
    position: relative;
    margin-top: .6rem;
    height: 5.59rem;
    /* overflow: hidden;*/
}
.index-s6 .title001 h2 span{
    color: #F4CA66;
}
.index-s6 .title001 h2{
    color: #FFFFFF;
}
.index-s6 .title001 h4 i{
    background: #BBBBBB;
}
.index-s6 .title001 h4{
    color: #BBBBBB;
}
.index-s6 .bg-6{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 6.21875vw;
    height: 22.8125vw;
    background: url("../images/s6-img-9.png") no-repeat 50% 50%;
    background-size: 100% auto;
    pointer-events: none;
}
.index-s6{
    padding-top: 1.06rem;
    position: relative;
    z-index: 2;
    background: linear-gradient(180deg, #127764 0%, #065F4E 79%);
    clip-path: url(#clipPath);
}
.index-s7 .left{
    width: 43.75%;
}
.list6w1 a{
    display: block;
}
.list6w1 a .pic{
    padding-top: 4.62rem;
}


.index-s7 .right{
    width: 49.125%;
    position: relative;
    margin-top: .6rem;
}
.list6w2 a{
    display: block;
}
.list6w2 a h3 {
    font-size: .36rem;
    line-height: .54rem;
    color: #127764;
    font-weight: 600;
    opacity: 0;
    max-height: 1.08rem;
}
.list6w2 a h4{
    font-size: .24rem;
    line-height: .3rem;
    color: #333333;
    margin-top: .25rem;
    opacity: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.list6w2 a p{
    font-size: .16rem;
    line-height: .3rem;
    color: #999999;
    -webkit-line-clamp: 3;
    height: .9rem;
    margin-top: .25rem;
    opacity: 0;
}
.list6w2 li{
    display: none;
}
.list6w2 li.active{
    display: block;
}
.list6w2 li.active h3,
.list6w2 li.active h4,
.list6w2 li.active p{
    animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.list6w2 li.active h4{
    animation-delay: .2s;
}
.list6w2 li.active p{
    animation-delay: .3s;
}
.index-s7 .bottom{
    position: absolute;
    left: 0;
    right: 0;
    bottom: .43rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.index-s7 .bot-l{
    width: 3.3rem;
}
.list6w3 li a{
    display: block;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    transform-origin: 50% 50%;
    transform: scale(.77);
    transition: all .5s;
}
.list6w3 li a .img_hezi{
    padding-bottom: 100%;
}
.list6w3 li a .img_zd{
    border-radius: 50%;
}
.list6w3 li a:before{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: .01rem solid #BFBFBF;
    border-radius: 50%;
    z-index: 2;
    pointer-events: none;
    transition: all .5s;
}
.list6w3 li.swiper-slide-active a:before{
    border-color: #FD6E48;
}
.list6w3 li.swiper-slide-active a{
    transform: scale(1);
}
.index-s7 .btns{
    width: 1.15rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.index-s7 .btn{
    width: .5rem;
    height: .5rem;
    background: #FFFFFF no-repeat 50% 50%;
    background-size: .07rem;
    position: static;
    transform: none;
    border-radius: 50%;
    box-shadow: 0 0 .1rem rgba(12, 164, 135, 0.5);;
    transition: all .5s;
}
.index-s7 .prev{
    background-image: url("../images/arrow-13.png");
}
.index-s7 .next{
    background-image: url("../images/arrow-14.png");
}
.index-s7 .prev:hover{
    background-image: url("../images/arrow-10.png");
}
.index-s7 .next:hover{
    background-image: url("../images/arrow-9.png");
}
.index-s7 .btn:hover{
    background-color: #127764;
    box-shadow: none;
}
.index-s7 .right:before{
    position: absolute;
    content: '';
    left: -.61rem;
    top: -.33rem;
    width: .88rem;
    height: .6rem;
    background: url("../images/s7-img-5.png") no-repeat 50% 50%;
    background-size: 100% auto;
    pointer-events: none;
}
.index-s7 .content{
    margin-top: .82rem;
}
.index-s7 .bg-7{
    position: absolute;
    left: 0;
    right: 0;
    top: -2.3rem;
    height: 11rem;
    background: linear-gradient(180deg, #ECF9F9 0%, rgba(236, 249, 249, 0) 100%);
    pointer-events: none;
}
.index-s7{
    margin-top: .09rem;
    position: relative;
}

.index-s8 .tab-tit{
    display: flex;
    align-items: center;
    position: absolute;
    left: 3.13rem;
    top: -1.3rem;
    z-index: 5;
}
.index-s8 .tab-tit .li{
    font-size: .2rem;
    line-height: .35rem;
    color: #127764;
    padding: 0 .2rem;
    background: #E2F3F3;
    border-radius: 50vw;
    cursor: pointer;
    transition: all .5s;
}
.index-s8 .tab-tit .li + .li{
    margin-left: .24rem;
}
.index-s8 .tab-tit .li.active{
    color: #FFFFFF;
    background: #F26321;
}

.list7w .con a{
    display: block;
    position: relative;
    border-radius: .12rem;
    overflow: hidden;
}
.list7w .con h3{
    position: absolute;
    left: .1rem;
    right: .1rem;
    bottom: .1rem;
    font-size: .22rem;
    line-height: .6rem;
    color: #FFFFFF;
    text-align: center;
    padding: 0 .1rem;
    border-radius: .08rem;
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(10px);
    z-index: 3;
}
.list7w .con a:hover h3{
    background: rgba(18, 119, 100, 0.8);
}
.list7w .con1 a .pic{
    padding-top: 2.52rem;
}
.list7w .con1 a + a{
    margin-top: .26rem;
}
.list7w .con2 a .pic{
    padding-top: 5.3rem;
}
.list7w .swiper-scrollbar{
    position: relative;
    width: 16rem;
    max-width: 96%;
    margin: .59rem auto 0;
    height: .02rem;
    background: #D8D8D8;
}
.list7w .swiper-scrollbar .swiper-scrollbar-drag{
    position: absolute;
    top: 50%;
    left: 0;
    width: .91rem;
    height: .4rem;
    background: #127764 url("../images/track.png") no-repeat 50% 50%;
    background-size: 100% auto;
    border-radius: 50vw;
    margin-top: -.2rem;
    transition: transform .5s;
    cursor: grab;
}
.list7w{
    margin-left: calc((100vw - 16rem) /-2);
    margin-right: calc((100vw - 16rem) /-2);
}

.list8w a{
    display: block;
    position: relative;
    border-radius: .16rem;
    overflow: hidden;
    height: 5.28rem;
}
.list8w a .box {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.5s ease-in-out;
    transform-style: preserve-3d;
    z-index: 2;
}
.list8w a .positive{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    transform: rotateY(0deg);
}
.list8w a .negative{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    transform: rotateY(180deg);
}
.list8w a .negative .code{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 2.1rem;
    max-width: 90%;
    /* background: #ffffff;*/
    padding: .1rem;
}
.list8w a .negative .code img{
    display: block;
    width: 100%;
}
.list8w a .pic{
    height: 100%;
}
.list8w a .ico{
    position: absolute;
    width: .7rem;
    height: .7rem;
    top: .3rem;
    left: .3rem;
    border-radius: 50%;
    z-index: 3;
}
.list8w a .ico img{
    display: block;
    width: 100%;
}
.list8w a h3{
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    font-size: .28rem;
    line-height: .34rem;
    color: #333333;
    width: 1em;
    transform: translateX(-50%);
    padding: .2rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    text-align:center;
}
.list8w a:hover .box{
    transform: rotateY(180deg);
}

.list9w a{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    border-radius: .16rem;
    padding: .52rem .38rem;
    background: no-repeat 50% 50%;
    background-size: cover;
}
.list9w a .text{
    width: 100%;
}
.list9w a time{
    display: block;
    font-size: .16rem;
    line-height: .3rem;
}
.list9w a h3{
    font-size: .2rem;
    line-height: .3rem;
    color: #333333;
}
.list9w a p{
    font-size: .16rem;
    line-height: .26rem;
    color: #818181;
}
.list9w a i.line{
    display: block;
    width: .7rem;
    height: .02rem;
    margin-top: .17rem;
}
.list9w a .arrow{
    display: block;
    margin-top: .33rem;
}
.list9w a .arrow img{
    display: block;
    width: .4rem;
}
.list9w .item1 a{
    height: 2.52rem;
}
.list9w .item1 a h3{
    margin-top: .14rem;
}
.list9w .item1 a p{
    margin-top: .17rem;
}
.list9w .item1 a + a{
    margin-top: .26rem;
}
.list9w .item2 h3{
    height: .6rem;
    margin-top: .19rem;
}
.list9w .item2 a p{
    margin-top: .18rem;
    -webkit-line-clamp: 8;
    height: 2.08rem;
}
.list9w .item2 a{
    height: 5.28rem;
}
.list9w a.color1 time{
    color: #107461;
}
.list9w a.color1{
    background: #ECF9F9;
}
.list9w a.color2 time{
    color: #F26321;
}
.list9w a.color2 .aline_r{
    background-image: linear-gradient(#F26321, #F26321);
}
.list9w a.color2.alin_r:hover .aline_r{
    color: #F26321;
}
.list9w a.color2{
    background: #F9F4EC;
}
.list9w a.color3 time{
    color: #8357BC;
}
.list9w a.color3 .aline_r{
    background-image: linear-gradient(#8357BC, #8357BC);
}
.list9w a.color3.alin_r:hover .aline_r{
    color: #8357BC;
}
.list9w a.color3 .line{
    background: #8357BC;
}
.list9w a.color3{
    background-image: url("../images/s8-img-7.png");
}
.list9w a.color4 time{
    color: #107461;
}
.list9w a.color4 .aline_r{
    background-image: linear-gradient(#107461, #107461);
}
.list9w a.color4.alin_r:hover .aline_r{
    color: #107461;
}
.list9w a.color4{
    background-image: url("../images/s8-img-8.png");
}
.list9w a.color5 time{
    color: #F26321;
}
.list9w a.color5 .aline_r{
    background-image: linear-gradient(#F26321, #F26321);
}
.list9w a.color5.alin_r:hover .aline_r{
    color: #F26321;
}
.list9w a.color5 .line{
    background: #F26321;
}
.list9w a.color5{
    background-image: url("../images/s8-img-9.png");
}
.list9w a.color6 time{
    color: #8357BC;
}
.list9w a.color6 .aline_r{
    background-image: linear-gradient(#8357BC, #8357BC);
}
.list9w a.color6.alin_r:hover .aline_r{
    color: #8357BC;
}
.list9w a.color6{
    background: #ECEFF9;
}

.list9w .swiper-scrollbar{
    position: relative;
    width: 16rem;
    max-width: 96%;
    margin: .59rem auto 0;
    height: .02rem;
    background: #D8D8D8;
}
.list9w .swiper-scrollbar .swiper-scrollbar-drag{
    position: absolute;
    top: 50%;
    left: 0;
    width: .91rem;
    height: .4rem;
    background: #127764 url("../images/track.png") no-repeat 50% 50%;
    background-size: 100% auto;
    border-radius: 50vw;
    margin-top: -.2rem;
    transition: transform .5s;
    cursor: grab;
}
.list9w{
    margin-left: calc((100vw - 16rem) /-2);
    margin-right: calc((100vw - 16rem) /-2);
}
.index-s8 .tab-cont .child{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: -1;
    pointer-events: none;
    transform: translate(0,20px);
    opacity: 0;
    transition: all .5s;
}
.index-s8 .tab-cont .child.active{
    opacity: 1;
    pointer-events: auto;
    transform: translateZ(0);
    position: relative;
    z-index: 3;
}
.index-s8 .tab-cont{
    position: relative;
}
.index-s8 .content{
    position: relative;
    margin-top: .62rem;
    min-height: 6.29rem;
}
.index-s8{
    margin-top: 1.79rem;
}

.list10w a{
    display: block;
    border-radius: .12rem;
    overflow: hidden;
}
.list10w a .pic{
    padding-top: 2.4rem;
}
.list10w .btn{
    width: .5rem;
    height: .5rem;
    background: #FFFFFF no-repeat 50% 50%;
    background-size: .07rem;
    border-radius: 50%;
    box-shadow: 0 0 .1rem rgba(242, 99, 33, 0.3);
    transition: all .5s;
}
.list10w .prev{
    left: -.25rem;
    background-image: url("../images/arrow-7.png");
}
.list10w .next{
    right: -.25rem;
    background-image: url("../images/arrow-8.png");
}
.list10w .prev:hover{
    background-image: url("../images/arrow-10.png");
}
.list10w .next:hover{
    background-image: url("../images/arrow-9.png");
}
.list10w .btn:hover{
    background-color: #F26321;
    box-shadow: none;
}
.list10w{
    position: relative;
    margin-top: .58rem;
}
.index-s9 .bg-9{
    position: absolute;
    left: 50%;
    top: 0;
    width: 208.33vw;
    height: 208.33vw;
    background: linear-gradient(180deg, #ECF9F9 0%, #EDF9F9 100%);
    border-radius: 50%;
    pointer-events: none;
    transform: translateX(-50%);
}
.index-s9{
    margin-top: .44rem;
    padding: .99rem 0 1.3rem;
    position: relative;
    overflow: hidden;
}

.aside{
    position: fixed;
    width: .9rem;
    top: 50%;
    right: .16rem;
    z-index: 99;
    opacity: 1;
    transform: translate(0,-50%);
    transition: all .5s;
}
.aside .img img{
    display: block;
    width: 100%;
}
.aside li a{
    display: block;
    padding: .15rem 0;
}
.aside li span{
    display: block;
    font-size: .22rem;
    line-height: .28rem;
    color: #333333;
    transition: all .5s;
}
.aside li a img{
    display: block;
    width: .25rem;
    margin: 0 auto;
}
.aside li.active a span{
    color: #127764;
    font-weight: 700;
}
.aside li:before{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    height: .01rem;
    background: #449D9F;
}
.aside li:last-child:before,
.aside li:nth-last-child(2):before{
    display: none;
}
.aside li:last-child a{
    padding: 0;
}
.aside li{
    position: relative;
}

.aside ul{
    padding: 1rem .22rem .25rem;
    /* background: linear-gradient(180deg, #85D1D3 0%, rgba(93, 177, 179, 0) 100%); */
    background-image: url(../images/xcdh.png);
    background-size: 100%;
    background-position: bottom;
}
.aside.hide{
    opacity: 0;
    transform: translate(100%,-50%);
}


@media (min-width: 1025px) {
    .list-box1 li .hide time,
    .list-box1 li .hide h3,
    .list-box1 li .hide p{
        opacity: 0;
    }

    .list-box1 li.active .show{
        display: none;
    }
    .list-box1 li.active .hide{
        display: block;
    }
    .list-box1 li.active .hide time,
    .list-box1 li.active .hide h3,
    .list-box1 li.active .hide p{
        animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    }
    .list-box1 li.active .hide h3{
        animation-delay: .2s;
    }
    .list-box1 li.active .hide p{
        animation-delay: .3s;
    }
    .list-box1 li.active .hide:before{
        animation: o-fade 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    }
    .index-s2 .item.item3{
        padding-right: .46rem;
        padding-bottom: .57rem;
        z-index: 3;
    }
    .index-s2 .wp{
        flex-wrap: nowrap;
    }
    .index-s3 .title001{
        width: 37.25%;
        transform: translateY(.09rem);
    }
    .list3w a.item1,
    .list3w a.item3{
        margin-top: .85rem;
    }

    .list-box5 li .con{
        position: absolute;
        left: -.45rem;
        right: -.45rem;
        top: 0;
        height: 100%;
        transition: all .5s;
        transform-origin: 50% 50%;
    }
    .list-box5 li.li1 .con{
        top: 1.65rem;
        transform: translateX(1.35rem) rotate(-14.78deg);
    }
    .list-box5 li.li3 .con{
        top: 2.34rem;
        transform: translateX(-1.35rem) rotate(14.78deg);
    }
    .list-box5 li {
        opacity: 0;
        visibility: hidden;
        transform: translateY(100px) rotate(-90deg);
        transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transform-origin: 0 100%;
    }


    .list-box5 li.li1 {
        transform: translateY(100px) rotate(-180deg);
        transition-delay: 0.4s;
    }

    .list-box5 li.li2 {
        transform: translateY(100px) rotate(-90deg);
        transition-delay: 0.2s;
    }

    .list-box5 li.li3 {

    }

    .list-box5.aos-animate li {
        opacity: 1;
        visibility: visible;
        transform: translateY(0) rotate(0deg);
    }
    .list-box5{
        margin-top: .4rem;
        padding-top: .2rem;
    }
}

@media (max-width: 1025px) {
    .aside{
        display: none;
    }
    .banner .imgBox .img{
        padding-bottom: 50vw;
    }
    .banner .swiDots span{
        width: .08rem;
        height: .08rem;
        margin: 0 .08rem;
    }
    .banner .swiDots span:before{
        width: .35rem;
        height: .24rem;
    }
    .banner .swiDots span.active{
        margin: 0 .25rem;
    }
    .banner .swiDots{
        bottom: .25rem;
    }
    .title001 h2:before, .title001 h2:after{
        width: .3rem;
        height: .27rem;
    }
    .title001 h2{
        font-size: .3rem;
        padding: 0 .2rem;
    }
    .title001 h4{
        font-size: .16rem;
        margin-top: .05rem;
        padding: 0 .2rem;
    }
    .title001 h4 i{
        width: .25rem;
        margin-top: .05rem;
    }
    .title001 .tit{
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
    }
    .more a i{
        width: .3rem;
        height: .3rem;
        margin-left: .05rem;
    }
    .more a{
        font-size: .16rem;
    }
    .title002 h2{
        font-size: .26rem;
        padding: 0 .2rem;
    }
    .title002 h2:before, .title002 h2:after{
        width: .3rem;
        height: .27rem;
    }
    .index-s1 .left{
        width: 100%;
    }
    .list1w a .pic{
        padding-top: 65.57%;
        border-radius: .1rem;
    }
    .list1w a h3{
        font-size: .2rem;
        line-height: .3rem;
    }
    .list1w a p{
        margin-top: .05rem;
    }
    .list1w a h5{
        margin-top: .1rem;
    }
    .list1w a time span{
        font-size: .4rem;
    }
    .list1w a time em{
        font-size: .16rem;
    }
    .list1w a time{
        right: .2rem;
        top: -1.08rem;
        width: 0.9rem;
        height: 1.2rem;
    }
    .list1w a .text{
        margin-top: .15rem;
        padding-right: 0.9rem;
    }
    .list1w .btn{
        width: .5rem;
        height: .8rem;
        background-size: .15rem;
        margin-top: -0.8rem;
    }
    .list1w{
        margin-top: 0.2rem;
    }
    .index-s1 .right{
        width: 100%;
        margin-top: .4rem;
    }
    .list-box1 .show time span{
        font-size: .26rem;
    }
    .list-box1 .show time{
        margin-right: .2rem;
        transform: translateY(-.3em);
    }
    .list-box1 .show a{
        height: .7rem;
    }
    .list-box1 {
        margin-top: 0.1rem;
    }
    .index-s2 .item{
        width: 100%;
        padding: .25rem .2rem .2rem;
    }
    .list-box2 li a{
        padding: .15rem 0;
    }
    .list-box2 li h5 + h5{
        margin-top: .1rem;
    }
    .list-box2 li h3 + h5{
        margin-top: .1rem;
    }
    .list-box2{
        margin-top: .1rem;
    }
    .index-s2 .item:before{
        border-radius: .1rem;
        mask:none;
    }
    .index-s2 .item.item2{
        width: 100%;
        margin: .2rem 0;
    }
    .list-box3 li time{
        line-height: .26rem;
        margin-top: .05rem;
    }
    .list-box3 li a{
        padding: .15rem 0;
    }
    .list-box3 {
        margin-top: 0.1rem;
    }
    .index-s2{
        margin-top: .4rem;
    }
    .home1{
        padding: .4rem 0;
    }
    .index-s3 .left{
        width: 100%;
    }
    .list2w{
        width: 100%;
    }
    .list2w .pic{
        padding-top: 60.57%;
    }
    .list2w a{
        border-radius: .1rem;
    }
    .index-s3 .right{
        width: 100%;
        margin-top: .2rem;
    }
    .list-box4 li .hide h3{
        font-size: .2rem;
        line-height: .3rem;
        height: .6rem;
    }
    .list-box4 li .hide h5{
        width: 1.15rem;
    }
    .list-box4 li .hide a{
        padding: .2rem 0;
    }
    .list-box4 li .show a{
        font-size: .2rem;
    }
    .list-box4 li .btn{
        width: .3rem;
        height: .3rem;
        top: .2rem;
    }
    .list-box4 li{
        height: .7rem;
        padding-right: .4rem;
    }
    .list-box4 li.active {
        height: 2.1rem;
    }
    .index-s3 .content{
        margin-top: .2rem;
    }
    .index-s3{
        padding: .4rem 0;
    }
    .index-s4 .tab-tit .li.active h2{
        font-size: .26rem;
        line-height: .3rem;
    }
    .list3w a .con{
        padding: .25rem .2rem;
    }
    .list3w a h3{
        margin-top: .15rem;
    }
    .list3w a p{
        margin-top: .2rem;
    }
    .list3w a .line{
        margin-top: 0.2rem;
    }
    .list3w a .tag{
        margin-top: .15rem;
    }
    .list3w a .arrow{
        width: .42rem;
        height: .42rem;
        right: 0.1rem;
        bottom: 0.2rem;
    }
    .list3w a .arrow .svg{
        width: .12rem;
        height: .0975rem;
    }
    .list3w .swiDots{
        margin-top: .1rem;
    }
    .index-s4 .tab-cont{
        margin-top: .1rem;
    }
    .index-s4{
        padding: .4rem 0;
    }
    .index-s5 .left{
        display: none;
    }
    .index-s5 .right{
        width: 100%;
    }
    .list4w1{
        width: 100%;
    }
    .list4w1 a .pic{
        padding-top: 61.03%;
        border-radius: .1rem .1rem 0 0;
    }
    .list4w1 a{
        border-radius: 0;
    }
    .list4w1 a .text{
        position: relative;
        width: 100%;
        inset: 0;
        border-radius: 0 0 .1rem .1rem;
        padding: .2rem;
    }
    .list4w1 a .text h3{
        font-size: .2rem;
        line-height: .3rem;
    }
    .list4w1 a .text:before{
        border-radius: 0 0 .1rem .1rem;
    }
    .list4w2{
        position: relative;
        inset: auto;
        padding: .2rem;
        border-radius: .1rem;
        margin-top: .2rem;
        display: none;
    }

    .list4w2 a{
        padding: 0;
    }
    .list4w2 a time span{
        font-size: .3rem;
    }
    .list4w2 a h3{
        font-size: .2rem;
        line-height: .3rem;
        height: .6rem;
        margin-top: .1rem;
    }
    .list4w2 .btnBox{
        position: static;
        width: auto;
        justify-content: flex-end;
        gap: 0 .1rem;
        margin-top: .15rem;
    }
    .list4w2 .btn{
        width: .42rem;
        height: .42rem;
    }
    .list4w2:before{
        border-radius: .1rem;
    }
    .index-s5 .content{
        margin-top: .2rem;
        padding-bottom: 0;
    }
    .index-s5 .lines{
        display: none;
    }
    .index-s5{
        padding: .4rem 0;
    }
    .list5w h3{
        font-size: .5rem;
        line-height: .6rem;
    }
    .list5w .images{
        width: 1.8rem;
        margin-top: 0.1rem;
    }
    .list5w h5{
        margin-top: .1rem;
    }
    .list5w .btn{
        width: .22rem;
        height: .22rem;
    }
    .list5w{
        padding: 0 .4rem;
        margin-top: 0.2rem;
    }
    .list-box5 li{
        height: auto;
    }
    .list-box5 li .con{
        padding: .1rem;
        border-radius: .1rem;
    }
    .list-box5 li .pic{
        padding-top: 63.79%;
        border-radius: .05rem;
    }
    .list-box5 li .tag{
        padding: 0 .15rem;
        top: .1rem;
        left: .1rem;
        line-height: .3rem;
    }
    .list-box5 .gd a{
        width: 1rem;
        height: 1rem;
    }
    .list-box5 .gd a img{
        width: .15rem;
    }
    .list-box5 .gd{
        position: relative;
        inset: 0;
        margin-top: -.2rem;
    }
    .list-box5{
        height: auto;
        margin-top: .3rem;
    }
    .index-s6{
        padding: .4rem 0 .2rem;
    }
    .index-s7 .left{
        width: 100%;
    }
    .list6w1 a .pic{
        padding-top: 66.75%;
    }
    .index-s7 .right{
        width: 100%;
        margin-top: .2rem;
    }
    .index-s7 .right:before{
        display: none;
    }
    .list6w2 a h3{
        font-size: .24rem;
        line-height: .34rem;
    }
    .list6w2 a h4{
        font-size: .2rem;
        line-height: .3rem;
        margin-top: .05rem;
    }
    .list6w2 a p{
        line-height: .26rem;
        height: .78rem;
        margin-top: .1rem;
    }
    .index-s7 .bottom{
        position: static;
        margin-top: .2rem;
        flex-direction: column;
        gap: .2rem 0;
    }
    .index-s7 .bot-l{
        width: 6.8rem;
        max-width: 100%;
    }
    .index-s7 .btn{
        width: .45rem;
        height: .45rem;
    }
    .index-s7 .btns{
        width: 100%;
        justify-content: center;
        gap: 0 .1rem;
    }
    .index-s7 .content {
        margin-top: 0.2rem;
    }
    .list7w{
        margin: 0;
    }
    .list7w .con2 a .pic{
        padding-top: 48vw;
    }
    .list7w .con a{
        border-radius: .1rem;
    }
    .list7w .con h3{
        font-size: .2rem;
        line-height: .54rem;
    }
    .list7w .con1 a .pic{
        padding-top: calc((48vw - .2rem)/ 2);
    }
    .list7w .con1 a + a{
        margin-top: .2rem;
    }
    .list7w .swiper-scrollbar,
    .list9w .swiper-scrollbar{
        margin-top: .25rem;
        width: 100%;
        max-width: none;
    }
    .list7w .swiper-scrollbar .swiper-scrollbar-drag,
    .list9w .swiper-scrollbar .swiper-scrollbar-drag{
        height: 0.25rem;
        margin-top: -0.125rem;
    }
    .list9w{
        margin: 0;
    }
    .list9w a{
        padding: .2rem;
        border-radius: .1rem;
    }
    .list9w .item1 a h3{
        margin-top: .05rem;
    }
    .list9w .item1 a p {
        margin-top: .1rem;
    }
    .list9w .item2 h3{
        margin-top: .05rem;
    }
    .list9w a i.line{
        margin-top: .1rem;
    }
    .list9w .item2 a p{
        margin-top: .1rem;
    }
    .list9w a .arrow{
        margin-top: .2rem;
    }
    .list9w .item2 a{
        height: 48vw;
    }
    .list9w .item1 a{
        height: calc((48vw - .2rem)/ 2);
    }
    .list9w .item1 a + a{
        margin-top: .2rem;
    }
    .list8w a .ico{
        width: .5rem;
        height: .5rem;
        top: .2rem;
        left: .2rem;
    }
    .list8w a{
        height: 48vw;
    }
    .index-s8 .tab-tit{
        position: static;
        justify-content: center;
        gap: 0 .2rem;
    }
    .index-s8 .tab-tit .li + .li{
        margin-left: 0;
    }
    .index-s8 .tab-cont{
        margin-top: .2rem;
    }
    .index-s8 .content{
        margin-top: .2rem;
        min-height: calc(48vw + 0.925rem);
    }
    .index-s8{
        margin-top: .4rem;
    }
    .list10w a .pic{
        padding-top: 46.875%;
    }
    .list10w a{
        border-radius: .1rem;
    }
    .list10w .btn{
        width: .45rem;
        height: .45rem;
    }
    .list10w .next{
        right: -15px;
    }
    .list10w .prev{
        left: -15px;
    }
    .list10w{
        margin-top: .2rem;
    }
    .index-s9{
        margin-top: .2rem;
        padding: .4rem 0;
    }
}
@media (max-width: 769px) {
    .list-box5 li{
        width: 100%;
    }
    .list-box5 ul{
        gap: .2rem;
    }
    .index-s6{
        clip-path: none;
        border-radius: .2rem;
    }
    .index-s7{
        margin-top: .4rem;
    }
    .list7w .con2 a .pic {
        padding-top: 68vw;
    }
    .list7w .con1 a .pic {
        padding-top: calc((68vw - .2rem) / 2);
    }
    .list9w .item2 a{
        height: 68vw;
    }
    .list9w .item1 a {
        height: calc((68vw - .2rem) / 2);
    }
    .list8w a {
        height: 68vw;
    }
}
@media (max-width: 481px) {
    .list1w a time{
        position: static;
        inset: 0;
        width: auto;
        height: auto;
        color: #F26321;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .list1w a time span{
        font-size: .3rem;
    }
    .list1w a time em{
        margin-top: .05rem;
    }
    .list1w a time:before, .list1w a time:after{
        display: none;
    }
    .list1w a h3{
        margin-top: .1rem;
    }
    .list1w a .text{
        padding-right: 0;
    }
    .list7w .con2 a .pic {
        padding-top: 96vw;
    }
    .list7w .con1 a .pic{
        padding-top: calc((96vw - .2rem) / 2);
    }
    .list9w .item2 a{
        height: 96vw;
    }
    .list9w .item1 a{
        height: calc((96vw - .2rem) / 2);
    }
    .index-s4 .tab-tit .li{
        width: 100%;
    }
    .index-s4 .tab-tit{
        flex-wrap: wrap;
        gap: .2rem 0;
    }
    .index-s4 .tab-cont .more{
        display: flex;
        justify-content: center;
        margin-top: .2rem;
    }
    .index-s4 .title001 .more{
        display: none;
    }
}