@charset "utf-8";

.banner_box{
    position: relative;
}
@media (min-width: 1920px) and (max-width: 2560px){
    table{
        width: 100% !important;    font-size: 13px !important;
        text-align: center !important;
    }
}
@media (min-width: 1400px) and (max-width: 1600px) {
    table{
        width: 100% !important;    font-size: 13px !important;
        text-align: center !important;
    }
}
@media (min-width: 640px) and (max-width: 1399px) {
    table{
        width: 100% !important;    font-size: 13px !important;
        text-align: center !important;
    }
}

@media (min-width: 471px) and (max-width: 639px) {

    table{display: flex;
        overflow-x: auto;
        width: 100% !important;
        white-space: nowrap;font-size: 13px; }
}
@media (min-width: 329px) and (max-width: 470px) {

    table{display: flex;
        overflow-x: auto;
        width: 100% !important;
        white-space: nowrap;font-size: 12px;}

}
@media (max-width: 328px) {

    table{display: flex;
        overflow-x: auto;
        width: 100% !important;
        white-space: nowrap;font-size: 12px;}

}
@media (min-width: 471px) and (max-width: 639px) {

    table{display: flex;
        overflow-x: auto;
        width: 100% !important;
        white-space: nowrap;font-size: 13px; }
}
@media (min-width: 329px) and (max-width: 470px) {

    table{display: flex;
        overflow-x: auto;
        width: 100% !important;
        white-space: nowrap;font-size: 12px;}

}
@media (max-width: 328px) {

    table{display: flex;
        overflow-x: auto;
        width: 100% !important;
        white-space: nowrap;font-size: 12px;}

}

.banner a{
    display: block;
    position: relative;
    overflow: hidden;
}
.banner a .slideImg {
    width: 100%;
    overflow: hidden;
    position: relative;
    display: block;
    padding-bottom: 0;
    height: 100vh;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transform: scale(1.16);
    transition: 5s;
}
.banner a .slideImg img,
.banner a .slideImg 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 .swiper-slide-active a .slideImg{
    transform: scale(1);
}
.banner .swiDots{
    left: 0;
    right: 0;
    bottom: .1rem;
    font-size: 0;
}
.banner .swiDots span{
    width: .02rem;
    height: .2rem;
    background: rgba(255, 255, 255, 0.2);
    margin: 0 .1rem;
    border-radius: 0;
    opacity: 1;
    position: relative;
}
.banner .swiDots span:after{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    opacity: 1;
    visibility: hidden;
    transition: .5s;
}
.banner .swiDots span.active:after{
    top: -.1rem;
    bottom: -.1rem;
    opacity: 1;
    visibility: visible;
}
.banner .zs_btn{
    position: absolute;
    right: 0;
    bottom: .6rem;
    z-index: 55;
}
.banner .zs_btn a img{
    display: block;
    width: .25rem;
    margin-right: .16rem;
}
.banner .zs_btn a{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .2rem;
    line-height: .7rem;
    color: #fff;
    font-family: 'PingFang-SimBold', sans-serif;
    background: #b00d15;
    border-radius: 50vw 0 0 50vw;
    min-width: 2.25rem;
}


.title001{
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.title001 h2{
    font-size: .6rem;
    line-height: 1;
    color: #000000;
    font-family: 'PingFang-SimBold',sans-serif;
}
.title001 .more a{
    display: block;
    font-size: .2rem;
    line-height: .48rem;
    color: #b00d15;
    text-align: center;
    width: 1.7rem;
    background: transparent;
    border: 1px solid #b00d15;
    border-radius:.5rem;
    font-family: 'PingFang-Medium',sans-serif;
    transition: .5s;
}
.title001 .more a:hover{
    background: #b00d15;
    color: #fff;
}

.index_s1 .left{
    width: 44.87%;
}
.index_s1 .left .ll{
    width: 45.71%;
}
.index_s1 .left .li a{
    display: block;
    padding: .25rem 0;
}
.index_s1 .left .li a h3{
    font-size: .2rem;
    line-height: .32rem;
    color: #000000;
    height: .64rem;
    font-family: 'PingFang-Medium',sans-serif;
    transition: .5s;
}
.index_s1 .left .li a p{
    font-size: .16rem;
    line-height: .28rem;
    color: #666;
    -webkit-line-clamp: 4;
    height: 1.12rem;
    font-family: 'PingFang-light',sans-serif;
    margin-top: .19rem;
}
.index_s1 .left .li a time{
    display: block;
    font-size: .18rem;
    line-height: .26rem;
    color: #666;
    font-family: 'CanelaDeckTrial-Regular',sans-serif;
    margin-top: .17rem;
}
.index_s1 .left .li a h6 img{
    display: block;
    width: .6rem;
}
.index_s1 .left .li a h6{
    margin-top: .25rem;
    display: none;
}
.index_s1 .left .ll .li2 a h6{
    display: block;
}
.index_s1 .left .li a .pic{
    padding-top: 2.03rem;
    margin-top: .24rem;
    border-radius: .1rem;
}
.index_s1 .left .li:before{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    height: .02rem;
    background: #dcdcdc;
}
.index_s1 .left .li:after{
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    width: 0;
    height: .02rem;
    background: #b00d15;
    transition: .5s;
}
.index_s1 .left .li{
    position: relative;
}
.index_s1 .left .li+.li{
    margin-top: .28rem;
}
.index_s1 .left .li2 a h3{
    -webkit-line-clamp: 3;
    height: .96rem;
}
.index_s1 .left .li2 a p{
    -webkit-line-clamp: 3;
    height: .84rem;
    margin-top: .08rem;
}
.index_s1 .left .li:hover:after{
    left: 0;
    width: 100%;
}
.index_s1 .left .li:hover a h3{
    color: #b00d15;
}
.index_s1 .left .rr{
    width: 45.71%;
}
.index_s1 .left .li3 a h3{
    -webkit-line-clamp: 3;
    height: .96rem;
}
.index_s1 .left .li3 a time{
    margin-top: .31rem;
}
.index_s1 .left .li4 a h3{
    -webkit-line-clamp: 3;
    height: .96rem;
}
.index_s1 .left .li4 a time{
    margin-top: .2rem;
}
.index_s1 .right{
    width: 51.28%;
    margin-top: .51rem;
}
.list1w a{
    display: block;
}
.list1w a .pic{
    padding-top: 4.8rem;
    border-radius: .1rem;
}
.list1w a h3{
    font-size: .26rem;
    line-height: .38rem;
    color: #000000;
    height: .76rem;
    font-family: 'PingFang-SimBold',sans-serif;
    transition: .5s;
}
.list1w a p{
    font-size: .16rem;
    line-height: .28rem;
    color: #666666;
    height: .56rem;
    font-family: 'PingFang-light',sans-serif;
    margin-top: .08rem;
}
.list1w a time{
    display: block;
    font-size: .18rem;
    line-height: .26rem;
    color: #666666;
    font-family: 'CanelaDeckTrial-Regular',sans-serif;
    margin-top: .38rem;
}
.list1w a .txt{
    padding-top: .24rem;
}
.list1w a:hover h3{
    color: #b00d15;
}
.index_s1 .left .content{
    margin-top: .54rem;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}

.index_s1 .wp{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: row-reverse;
    justify-content: space-between;
}
.index_s1{
    padding: 1.2rem 0 .98rem;
    background: url("../images/index_s1.png") no-repeat bottom center/100% auto;
}

.index_s2 .left{
    width: 42.05%;
    padding: .58rem .4rem .74rem;
    background: url("../images/s2-img-1.png") no-repeat 50%/100% 100%;
}

.index_s2 .li a{
    display: block;
    position: relative;
    z-index: 2;
}
.index_s2 .li a time{
    display: flex;
    align-items: baseline;
    font-size: .18rem;
    line-height: 1;
    color: #666666;
    font-family: 'CanelaDeckTrial-Medium',sans-serif;
    transition: .5s;
}
.index_s2 .li a time span{
    display: block;
    font-size: .4rem;
    color: #b00d15;
    transition: .5s;
}
.index_s2 .li a h3{
    margin-top: .13rem;
    font-size: .2rem;
    line-height: .32rem;
    color: #000000;
    height: .64rem;
    font-family: 'PingFang-Medium',sans-serif;
    transition: .5s;
}
.index_s2 .li a h6{
    display: none;
    margin-top: .2rem;
    height: .6rem;
    background: url("../images/s1-img-1.png") no-repeat left center/auto 100%;
    transition: .5s;
}
.index_s2 .left .li a{
    padding: .4rem;

}

.index_s2 .left .li{
    margin: .64rem 1.07rem 0 -.4rem;
}
.index_s2 .cen{
    width: 21.66%;
}
.index_s2 .li a h3{
    margin-top: .2rem;
}
.index_s2 .li1 a{
    padding: .28rem .3rem .75rem;
}
.index_s2  .li2 a h3{
    margin-top: .14rem;
}
.index_s2 .li2 a{
    padding: .3rem .3rem .65rem;
}
.index_s2 .li2{
    margin-top: .2rem;
    margin-left: -1.47rem;
}
.index_s2 .right{
    width: 33.59%;
}
.index_s2 .li3 a{
    padding: .28rem .3rem .39rem;
}
.index_s2 .li3 a h6{
    display: block;
}
.index_s2 .li4 a{
    padding: .3rem .33rem .53rem;
}
.index_s2 .li4 a h3{
    height: auto;
    -webkit-line-clamp: 1;
    margin-top: .14rem;
}
.index_s2 .li4{
    margin-top: .2rem;
}
.index_s2 .cen .li:after,
.index_s2 .right .li:after{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background: #bc0906;
    transition: .5s;
}
.index_s2 .cen .li:hover:after,
.index_s2 .right .li:hover:after{
    width: 100%;
}
.index_s2 .cen .li:hover a time,
.index_s2 .right .li:hover a time,
.index_s2 .cen .li:hover a time span,
.index_s2 .right .li:hover a time span{
    color: #fff;
}
.index_s2 .cen .li:hover a h3,
.index_s2 .right .li:hover a h3{
    color: #fff;
}
.index_s2 .li:hover a h6{
    background-image: url("../images/s2-img-2.png");
}


.index_s2 .li{
    position: relative;
    background: #fff;
    border-radius: .1rem;
    overflow: hidden;
}
.index_s2 .wp{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}
.index_s2 {
    padding: 1rem 0 .94rem;
    background: rgba(184, 152, 84, 0.1) url("../images/index_s2.png") no-repeat top right/contain;
}

.index_s3 .left{
    width: 44.80%;
    margin-top: .07rem;
}
.index_s3 .left .top h2 span{
    display: block;
    font-size: .26rem;
    line-height: .3rem;
    background-image: linear-gradient(45deg,#ef7407 0%,#ef7407 24%, #d42220 100%); /* 渐变方向和颜色可自定义 */
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-family: 'PingFang-Medium',sans-serif;
}
.index_s3 .left .top h2 {
    position: relative;
    display: flex;
    padding-left: 0;
}
.index_s3 .left .top p{
    font-size: .14rem;
    line-height: .21rem;
    color: #000000;
    font-family: 'PingFang-Medium',sans-serif;
    height: .42rem;
    margin-top: .1rem;
}
.index_s3 .left .top .img{
    position: fixed;
    left: .2rem;
    bottom: .31rem;
    width: 1.99rem;
    height: 2.1rem;
    z-index: 9999;
    display: none;
}
.index_s3 .left .top .img img{
    display: block;
    width: 100%;
    height: 100%;
    transform-origin: bottom center;
    animation: sway 2s infinite linear;
}
@keyframes sway {
    0% { transform: rotate(-3deg); }
    50% { transform: rotate(3deg); }
    100% { transform: rotate(-3deg); }
}


.index_s3 .left .top{
    position: relative;
    padding: 0 .1rem;
}
.index_s3 .cen .item h3{
    display: flex;
    align-items: center;
    font-size: .18rem;
    line-height: .3rem;
    color: #fff;
    font-family: 'PingFang-Medium',sans-serif;
}
.index_s3 .cen .item h3 span{
    display: block;
    font-size: .14rem;
    opacity: .6;
    margin-left: .1rem;
}
.index_s3 .cen .item ul li{
    font-size: .14rem;
    line-height: .32rem;
    color: #fff;
    font-family: 'PingFang-Medium',sans-serif;
    transition: .5s;
}
.index_s3 .cen .item ul{
    margin-top: .1rem;
}
.index_s3 .cen .item{
    width: 48.19%;
    padding: .16rem .23rem .24rem;
    border-radius: .12rem;
}
.index_s3 .cen .item1 ul li:hover{
    color: #eea63a;
}
.index_s3 .cen .item1{
    background: #b80910;
}
.index_s3 .cen .item2 ul li:hover{
    color: #b80910;
}
.index_s3 .cen .item2{
    background: #eea63a;
}
.index_s3 .cen{
    margin-top: .16rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.index_s3 .bot .ser_inp{
    display: block;
    width: 100%;
    height: .56rem;
    line-height: .56rem;
    background: #fff;
    border-radius: .08rem;
    padding: 0 .7rem 0 .2rem;
    font-size: .16rem;
    color: #64676f;
    font-family: 'PingFang-Medium',sans-serif;
}
.index_s3 .bot input::placeholder{
    color: #64676f;
}
.index_s3 .bot .ser_btn{
    position: absolute;
    right: .16rem;
    top: 50%;
    width: .35rem;
    height: .35rem;
    background: url("../images/s3-img-2.png") no-repeat 50%/100%;
    transform: translateY(-50%);
    cursor: pointer;
}
.index_s3 .bot{
    margin-top: .21rem;
    position: relative;
    padding: .02rem;
    background: linear-gradient(90deg,#eda539 0%,#b90a11 100%);
    border-radius: .1rem;
}
.index_s3 .right{
    width: 52.63%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.index_s3 .right .ll{
    width: 31.15%;
    position: relative;
    padding: .46rem .38rem;
    margin-top: 1.02rem;
}
.index_s3 .right .ll h3{
    position: relative;
    z-index: 2;
    font-size: .24rem;
    line-height: .34rem;
    color: #fff;
    font-family: 'PingFang-SimBold',sans-serif;
}
.index_s3 .right .ll:after{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    bottom: 0;
    right: -1.33rem;
    background:#003c5d url("../images/s3-img-5.png") no-repeat bottom left/contain;
    border-radius: .12rem;
}
.index_s3 .right .rr{
    width: 68.85%;
}
.index_s3 .right .imgBox a{
    display: block;
    position: relative;
    border-radius: .15rem;
    overflow: hidden;
}
.index_s3 .right .imgBox .pic{
    padding-top: 4.26rem;
}
.index_s3 .right .imgBox h3{
    position: absolute;
    left: 0;
    right: 0;
    bottom: .24rem;
    font-size: .2rem;
    line-height: .3rem;
    color: #fff;
    padding: 0 .2rem;
    text-align: center;
    font-family: 'PingFang-Medium',sans-serif;
    z-index: 3;
}
.index_s3 .right .imgBox .play{
    position: absolute;
    content:'';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: .81rem;
    height: .81rem;
    background: url("../images/s3-img-4.png") no-repeat 50%/100%;
    margin: auto;
}
.index_s3 .right .imgBox a:after{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    height: 30%;
    background: linear-gradient(180deg,transparent 0, rgba(0, 0, 0, .4) 100%);
}
.index_s3 .content{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    padding: .31rem .39rem .33rem;
    background: #fef5e6;
    border-radius: .1rem;
}
.index_s3 .b1 img {
    height: 100%;
    object-fit: cover;
    margin:0;
    display: block;
    width: 100%;
}
.index_s3 .b1{
    position: absolute;
    right: 0;
    top: 50%;
    left: 0;
    z-index: -1;
    pointer-events: none;
    transform: translateY(-50%);
    height: 100%;
}
.index_s3{
    position: relative;
    padding: 3.53rem 0 1.2rem;
    background: url("../images/index_s3.png") no-repeat 50%/cover;
}
.index_s4 .items a{
    display: block;
    position: relative;
}
.index_s4 .items{
    margin-top: .55rem;
}
.index_s4{
    padding: 1.2rem 0 1.3rem;
}

.index_s5 .top{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.index_s5 .top .li a{
    display: block;
}
.index_s5 .top .li a img{
    display: block;
    height: .81rem;
}
.index_s5 .top .li:nth-child(2) a img{
    height: 1rem;
}
.index_s5 .top .li:nth-child(2){
    margin-left: .65rem;
}
.index_s5 .top .li:nth-child(3) a img{
    height: .68rem;
}
.index_s5 .top .li:nth-child(3){
    margin-left: .49rem;
}
.index_s5 .cen{
    width: 8.4rem;
    margin: .67rem auto 0;
    text-align: center;
    color: #fff;
    max-width: 100%;
}
.index_s5 .cen p{
    font-size: .2rem !important;
    line-height: 2!important;
    font-family: 'PingFang-light',sans-serif !important;
    text-indent: 0 !important;
}

.list_box1 ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.list_box1 ul li a{
    display: block;
}
.list_box1 li a .ico{
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.list_box1 li a .ico i{
    display: block;
    width: .39rem;
    height: .92rem;
    background: no-repeat 50%/100%;
}
.list_box1 li a .ico i.i_l{
    background-image: url("../images/s5-img-3.png");
}
.list_box1 li a .ico i.i_r{
    background-image: url("../images/s5-img-4.png");
}
.list_box1 li a .ico img{
    display: block;
    width: auto;
    height: .92rem;
    margin: 0 .05rem .02rem;
}
.list_box1 li a h3{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .7rem;
    line-height: 1;
    color: #fff;
    font-family: 'CanelaDeckTrial-Medium',sans-serif;
}
.list_box1 li a h4{
    font-size: .18rem;
    line-height: .28rem;
    color: #fff;
    text-align: center;
    margin-top: .2rem;
}
.list_box1 li a .txt{
    margin-top: .25rem;
}
.list_box1{
    margin-top: 1.17rem;
}
.index_s5{
    padding: 1.08rem 0 1.95rem;
    background: url("../images/index_s5.jpg") no-repeat 50%/cover;
}
.index_s6 .b1{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    opacity: .2;
    margin: 0 -.1rem;
    mask: linear-gradient(0deg, transparent, #fff 30%);
    -webkit-mask: linear-gradient(0deg, transparent, #fff 30%);
    pointer-events: none;
}
.list2w {
    flex: 1;
    padding: 0 .1rem;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.list2w2,.list2w3{
    flex: 1.12;
}
.list2w .bd, .list2w .tempWrap {
    height: 100% !important;
}

.list2w li {
    margin-bottom: .22rem;
    width: 100%;
}
.list2w li a{
    display: block;
}
.list2w .imgBox {
    border-radius: .1rem;
    overflow: hidden;
}

.list2w .pic {
    padding-bottom: 72.9%;
}
.list2w1 .pic,
.list2w4 .pic{
    padding-bottom: 133.17%;
}
.index_s6 .top{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.index_s6 .top .box1{
    flex: 1;
    overflow: hidden;
}
.index_s6 .top .box2 {
    width: 46.25%;
    padding: .61rem 0;
    position: relative;
}
.index_s6 .top .box2 img{
    display: block;
    max-width: 100%;
    max-height: 1.72rem;
    margin: 0 auto;
}
.index_s6 .top .box2:before{
    position: absolute;
    content: '';
    left: 50%;
    top: 0;
    height: 1px;
    width: 15.6rem;
    background: linear-gradient(90deg,transparent ,#c41807 ,transparent);
    transform: translateX(-50%);
}
.index_s6 .top .box2:after{
    position: absolute;
    content: '';
    left: 50%;
    bottom: 0;
    height: 1px;
    width: 15.6rem;
    background: linear-gradient(90deg,transparent ,#c41807 ,transparent);
    transform: translateX(-50%);
}
.list_box3{
    display: flex;
    justify-content: space-between;
}
.list_box3 li a{
    display: flex;
    align-items: center;
    justify-content: center;
    height: .7rem;
    border-radius: 50vw;
    border: #a40e0d 1px solid;
    font-size: .26rem;
    color: #a40e0d;
    padding: 0 .45rem;
    font-family: 'PingFang-SimBold',sans-serif;
    transition: .5s;
    background: rgba(255,255,255,.4);
}
.index_s6 .wp{
    height: 100%;
    align-items: center;
}
.index_s6{
    position: relative;
    height: 99.375vh;
    background: #fafafb;
    mask: linear-gradient(-180deg, transparent, #fff 30%);
    -webkit-mask: linear-gradient(-180deg, transparent, #fff 30%);
}

.as_nav{
    position: fixed;
    top: 50%;
    right: .26rem;
    z-index: 9999;
    margin-top: .38rem;
    transform: translate(0,-50%);
    transition: .5s;
}
.as_nav:after{
    position: absolute;
    content: '';
    left: -1px;
    top: -1px;
    bottom: -1px;
    right: -1px;
    background: linear-gradient(180deg, #eda539 0%, #b90a11 100%);
    border-radius: 50vw;
    z-index: -1;
    box-shadow: 0 0 .1rem rgba(0, 0, 0, 0.1);
}
.as_nav .con{
    position: relative;
    z-index: 2;
    width: .58rem;
    padding-bottom: .25rem;
    background: #fff;
    border-radius: 50vw;
}
.as_nav li a{
    display: block;
    position: relative;
}
.as_nav li .dots{
    margin: 0 auto;
    width: .17rem;
    height: .17rem;
    background: url("../images/as-img-1.png")no-repeat 50%/contain;
    transition: .5s;
}
.as_nav li h4{
    font-size: .16rem;
    line-height: .26rem;
    color: #000000;
    text-align: center;
    transition: .5s;
}
.as_nav li + li{
    margin-top: .41rem;
}
.as_nav li a.active  .dots{
    background-image: url("../images/as-img-2.png");
}
.as_nav li a.active h4{
    color: #b00d15;
}
.as_nav li:after{
    position: absolute;
    content: '';
    bottom: calc(100% + .06rem);
    left: 50%;
    width: 1px;
    height: .3rem;
    background: #e5e5e5;
    transform: translateX(-50%);
}
.as_nav li:first-child:after{
    height: .38rem;
    bottom: calc(100% + .01rem);
}
.as_nav li{
    position: relative;
}
.as_nav .top img{
    display: block;
    width: .53rem;
    margin: 0 auto;
}
.as_nav .top{
    position: relative;
    z-index: 2;
    margin-bottom: .27rem;
}
.as_nav .back{
    margin-top: .15rem;
}
.as_nav .back a{
    display: block;
}
.as_nav .back a img{
    display: block;
    width: .28rem;
    margin: 0 auto;
}
.as_nav.hide{
    transform:translate(160%,-50%);
}
.as_nav .zs_btn{
    position: absolute;
    width: .66rem;
    height: .66rem;
    left: 50%;
    bottom: calc(100% + .1rem);
    background: #b00d15;
    border-radius: 50vw;
    transform: translateX(-50%);
}
.as_nav .zs_btn a{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    border-radius: 50vw;
}
.as_nav .zs_btn a img{
    display: block;
    height: .2rem;
}
.as_nav .zs_btn a h4{
    font-size: .12rem;
    line-height: 1.2em;
    color: #fff;
    text-align: center;
    margin-top: .05rem;
}
@media (min-width: 1026px) {
    .index_s2 .li.li5{
        background: transparent;
    }
    .index_s2 .li5:hover a h3{
        color: #9A0708;
    }
    .index_s2 .li5:after{
        display: none;
    }
    .index_s4 .items .sw{
        display: flex;
        justify-content: space-between;
    }
    .index_s4 .items .item{
        width: 19.23%;
        height: 5.2rem;
        position: relative;
        border-radius: .1rem;
        overflow: hidden;
        transition: width .3s ease;
    }
    .index_s4 .item:before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #000000;
        pointer-events: none;
        transition: opacity .3s ease;
        z-index: 1;
    }
    .index_s4 .items a{
        height: 100%;
        z-index: 2;
    }
    .index_s4 .item .img-box {
        width: 8.8rem;
        height: 100%;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        background-color: #000;
        z-index: 1;
        opacity: 0.6;
        transition: opacity .3s ease;
    }
    .index_s4 .item .img-box img{
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        opacity: 0.9;
    }
    .index_s4 .item .show {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        padding: .24rem .25rem;
        z-index: 2;
        transition: all .3s ease;
    }
    .index_s4 .item .show h3{
        font-size: .2rem;
        line-height: .32rem;
        color: #fff;
        -webkit-line-clamp: 3;
        height: .96rem;
    }
    .index_s4 .item .hide {
        width: 8.8rem;
        position: absolute;
        left: 0;
        bottom: 0;
        padding: .2rem .4rem;
        z-index: 3;
        opacity: 0;
        visibility: hidden;
        transition: all .3s ease;
    }
    .index_s4 .item .hide h3{
        font-size: .24rem;
        line-height: .34rem;
        color: #fff;
        font-family: 'PingFang-SimBold',sans-serif;
    }
    .index_s4 .item .hide i{
        display: block;
        height: 1px;
        background: #fff;
        opacity: .2;
        margin-top: .14rem;
    }
    .index_s4 .item .hide h4 span{
        display: block;
        font-size: .16rem;
        line-height: .32rem;
        color: #fff;
        font-family: 'PingFang-light',sans-serif;
    }
    .index_s4 .item .hide h4{
        display: flex;
        flex-wrap: wrap;
        gap: 0 .32rem;
        margin-top: .15rem;
    }
    .index_s4 .item .hide:before{
        position: absolute;
        content: '';
        left: 0;
        right: 0;
        bottom: 0;
        height: 2.14rem;
        background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.7));
        z-index: -1;
    }
    .index_s4 .item.active {
        width: 56.41%;
    }
    .index_s4 .item.active:before {
        opacity: 1;
    }
    .index_s4 .item.active .img-box {
        opacity: 1;
    }
    .index_s4 .item.active .show {
        opacity: 0;
        visibility: hidden;
    }
    .index_s4 .item.active .hide {
        opacity: 1;
        visibility: visible;
    }

    .list_box3 li:hover a {
        background: #a40e0d;
        color: #fff;
        box-shadow: 0 .03rem .08rem 0 rgba(0, 0, 0, 0.49);
    }
}

@media (max-width: 1199px) {
    .banner a .slideImg{
        height: 54vw;
    }
    .as_nav{
        display: none;
    }
}
@media (max-width: 1025px) {
    .title001 h2{
        font-size: .28rem;
    }
    .title001 .more a{
        font-size: .14rem;
        line-height: .3rem;
        width: .9rem;
    }
    .index_s1 .left{
        width: 100%;
    }
    .index_s1 .left .li a{
        padding: .2rem 0;
    }
    .index_s1 .left .li a h3{
        line-height: .3rem;
        height: .6rem;
    }
    .index_s1 .left .li a p{
        margin-top: .05rem;
    }
    .index_s1 .left .li a time{
        font-size: .16rem;
        margin-top: .1rem;
    }
    .index_s1 .left .li a h6 img{
        width: .4rem;
    }
    .banner .zs_btn{bottom:0rem;}
    .index_s1 .left .li a h6{
        margin-top: .1rem;
        display: block;
    }
    .index_s1 .left .li+.li{
        margin-top: 0;
    }
    .index_s1 .left .li a .pic{
        margin-top: .1rem;
    }
    .index_s1 .left .ll,
    .index_s1 .left .rr{
        width: 48%;
    }
    .index_s1 .left .content{
        margin-top: .3rem;
    }
    .index_s1 .right{
        width: 100%;
        margin-top: .2rem;
    }
    .list1w a .pic{
        padding-top: 60%;
    }
    .list1w a h3{
        font-size: .2rem;
        line-height: .3rem;
        height: .6rem;
    }
    .list1w a p{
        margin-top: .05rem;
    }
    .list1w a time{
        font-size: .16rem;
        margin-top: .1rem;
    }
    .list1w a .txt{
        padding-top: .2rem;
    }
    .index_s1{
        padding: .4rem 0;
    }
    .index_s2 .left{
        width: 100%;
        background: none;
        padding: 0;
    }
    .index_s2 .left .li{
        margin: .3rem 0 0;
    }
    .index_s2 .left .li a{
        padding: .2rem;
    }
    .index_s2 .li a time span{
        font-size: .32rem;
    }
    .index_s2 .li a time{
        font-size: .16rem;
    }
    .index_s2 .li a h3{
        line-height: .3rem;
        height: .6rem;
        margin-top: .1rem;
    }
    .index_s2 .li a h6{
        display: block;
        margin-top: 0.1rem;
        height: 0.3rem;
    }
    .index_s2 .li:after{
        position: absolute;
        content: '';
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 0;
        background: #bc0906;
        transition: .5s;
    }
    .index_s2 .li:hover:after{
        width: 100%;
    }
    .index_s2 .li:hover a time,
    .index_s2 .li:hover a time span{
        color: #fff;
    }
    .index_s2 .li:hover a h3{
        color: #fff;
    }
    .index_s2 .cen{
        width: 49%;
    }
    .index_s2 .right{
        width: 49%;
    }
    .index_s2 .li2{
        margin-top: .2rem;
        margin-left: 0;
    }
    .index_s2 .li1 a,
    .index_s2 .li2 a,
    .index_s2 .li3 a,
    .index_s2 .li4 a{
        padding: .2rem;
    }
    .index_s2 .li4 a h3{
        -webkit-line-clamp: 2;
    }
    .index_s2 .wp{
        gap: .2rem 0;
    }
    .index_s2{
        padding: .4rem 0;
    }
    .index_s3 .left{
        width: 100%;
        margin-top: 0;
    }
    .index_s3 .left .top h2{
        padding-left: 0;
    }
    .index_s3 .left .top .img{
        width: 1.6rem;
        height: 1.7rem;
        bottom: .41rem;
    }
    .index_s3 .left .top p{
        font-size: .16rem;
        line-height: .26rem;
        height: .52rem;
        margin-top: .05rem;
    }
    .index_s3 .cen .item{
        width: 49%;
        padding: .15rem .2rem;
    }
    .index_s3 .cen .item h3{
        font-size: .2rem;
    }
    .index_s3 .cen .item ul li{
        font-size: .16rem;
    }
    .index_s3 .cen .item ul{
        margin-top: .05rem;
    }
    .index_s3 .bot{
        margin-top: .2rem;
    }
    .index_s3 .right{
        width: 100%;
        margin-top: .4rem;
    }
    .index_s3 .right .ll h3{
        font-size: .2rem;
        text-align: center;
    }
    .index_s3 .right .ll{
        width: 100%;
        margin-top: 0;
        padding: .15rem .2rem;
    }
    .index_s3 .right .ll:after{
        right: 0;
        bottom: -.2rem;
        border-radius: .15rem;
    }
    .index_s3 .right .rr{
        width: 100%;
    }
    .index_s3 .right .imgBox .pic{
        padding-top: 79.62%;
    }
    .index_s3 .right .imgBox .play{
        width: .6rem;
        height: .6rem;
    }
    .index_s3 .right .imgBox h3{
        bottom: .2rem;
    }
    .index_s3 .content{
        padding: .2rem;
    }
    .index_s3{
        padding: 1rem 0 .4rem;
    }

    .index_s4 .items a .img-box{
        padding-bottom: 59.09%;
        border-radius: .1rem;
        overflow: hidden;
        position: relative;
    }
    .index_s4 .items a .img-box img{
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
    .index_s4 .items a .show{
        display: none;
    }
    .index_s4 .items a .hide{
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 5;
        padding: .1rem .15rem;

    }
    .index_s4 .items a .hide h3{
        font-size: .2rem;
        line-height: .3rem;
        color: #fff;
        font-family: 'PingFang-Medium',sans-serif;
    }
    .index_s4 .items a .hide i{
        display: block;
        height: 1px;
        background: rgba(255, 255, 255, 0.2);
        margin: .05rem 0;
    }
    .index_s4 .items a .hide h4{
        display: flex;
        flex-wrap: wrap;
        gap: 0 .2rem;
    }
    .index_s4 .items a .hide h4 span{
        display: block;
        font-size: .16rem;
        line-height: .26rem;
        color: #fff;
    }
    .index_s4 .items a:after{
        position: absolute;
        content: '';
        left: 0;
        right: 0;
        bottom: 0;
        height: 60%;
        background: linear-gradient(180deg,transparent 0%, rgba(0, 0, 0, 0.9) 100%);
    }
    .index_s4 .swiDots{
        font-size: 0;
        margin-top: .1rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .index_s4 .swiDots span{
        display: block;
        width: .1rem;
        height: .1rem;
        margin: 0 .05rem;
        background: transparent;
        opacity: .8;
        border: 1px solid #9A0708;
        border-radius: 50%;
        transition: .5s;
    }
    .index_s4 .swiDots span.active{
        background: #9A0708;
        opacity: 1;
    }
    .index_s4 .items{
        margin-top: .3rem;
    }
    .index_s4{
        padding: .4rem 0;
    }
    .index_s5 .top .li a img{
        height: .5rem;
    }
    .index_s5 .top .li:nth-child(2) a img{
        height: .5rem;
    }
    .index_s5 .top .li:nth-child(3) a img{
        height: .5rem;
    }
    .index_s5 .top .li:nth-child(2),
    .index_s5 .top .li:nth-child(3){
        margin-left: 0;
    }
    .index_s5 .top{
        gap: .1rem .2rem;
    }
    .index_s5 .cen p{
        font-size: .18rem !important;
        line-height: 1.9!important;
    }
    .index_s5 .cen{
        margin-top: .2rem;
    }
    .list_box1 li a .ico img{
        height: .6rem;
        margin: 0 .05rem;
    }
    .list_box1 li a .ico i{
        width: .25rem;
        height: .6rem;
    }
    .list_box1 li a h3{
        font-size: .4rem;
    }
    .list_box1 li a h4{
        margin-top: .1rem;
    }
    .list_box1 li a .txt {
        margin-top: 0.15rem;
    }
    .list_box1 {
        margin-top: 0.3rem;
    }
    .index_s5{
        padding: .4rem 0;
    }
    .index_s6 .top .box2 img{
        max-height: .9rem;
    }
    .index_s6 .top .box2{
        width: 36%;
        padding: .3rem 0;
    }
    .list_box3 li a{
        font-size: .2rem;
        padding: 0 .1rem;
        height: 0.48rem;
    }
    .index_s6 .top .box2:before,
    .index_s6 .top .box2:after{
        width: 100vw;
    }
    .index_s6{
        height: 4rem;
    }
}
@media (max-width: 769px) {
    .index_s3 .cen .item{
        width: 100%;
    }
    .index_s3 .cen{
        gap: .2rem 0;
    }
    .list_box1 ul li{
        width: 50%;
    }
    .list_box1 ul{
        gap: .3rem 0;
    }
    .index_s6 .top .box2{
        width: 100%;
        order: 0;
        padding: .2rem 0;
    }
    .index_s6 .top .box2 img{
        max-height: .6rem;
    }
    .index_s6 .top .box1{
        width: 50%;
        flex: auto;
        padding: 0 .1rem;
        order: 1;
    }
    .list_box3 li{
        flex: 1;
    }
    .list_box3{
        justify-content: center;
        gap: 0 .2rem;
    }
    .index_s6 .wp{
        height: auto;
        gap: .2rem 0;
        justify-content: center;
    }
    .index_s6 .top{
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
@media (max-width: 481px) {
    .index_s1 .left .ll, .index_s1 .left .rr{
        width: 100%;
    }
    .index_s1 .left .li a .pic{
        padding-top: 63.4375%;
    }
    .index_s2 .cen,
    .index_s2 .right{
        width: 100%;
    }
    .index_s6 .top .box1{
        width: 100%;
        padding: 0;
        background: -moz-radial-gradient();
    }
    .list2w{
        padding: 0 .05rem;
    }
    .list2w li{
        margin-bottom: .1rem;
    }
}

.robot{
    position: fixed;
    left: 0;
    bottom: .2rem;
    width: 1.5rem;
    height: 1.58rem;
    z-index: 9999;
}
.robot .img img{
    display: block;
    width: 100%;
    height: 100%;
    transform-origin: bottom center;
    animation: sway 2s infinite linear;
}
@keyframes sway {
    0% { transform: rotate(-3deg); }
    50% { transform: rotate(3deg); }
    100% { transform: rotate(-3deg); }
}

@media (max-width: 1025px) {
    .banner .zs_btn a{
        min-width: 1.6rem;
        line-height: .5rem;
        font-size: .18rem;
        bottom: .2rem;
    }
    .banner .zs_btn a img{
        width: .2rem;
        margin-right: .1rem;
    }
    .robot{
        display: none;
    }
}