@charset "utf-8";

.banner_box{ padding: 0px; position: relative; z-index: 3; }
.banner{ overflow: hidden; }
.banner:after{content: "";position: absolute;right: 0;bottom: 0;left: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);z-index: 1;height: 23vh;}
.banner .a{ display: block; position: relative; z-index: 1; overflow: hidden; }
.banner .imgBox{ overflow: hidden; width: 100%; transform: scale(1);}
.banner .imgBox .img{ padding-bottom: 100vh; transition: 0s; transform: scale(1) !important; }
.banner .imgBox .img video{ opacity: .9;}
.banner.on ul li.swiper-slide-active .a .imgBox, .banner.on ul li.swiper-slide-duplicate-active .a .imgBox, .banner.on ul li.swiper-slide-prev .a .imgBox{ animation: sca 7s linear 0s normal both;}
@keyframes sca {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.1);
    }
}

.banner .dots{z-index: 10;display: flex;justify-content: center;align-items: center;margin: -.15rem .2rem 0;}
.banner .dots span{width: .46rem;height: .46rem;background: none;font-size: .16rem;color: #fff;opacity: 1;margin: 0 .15rem !important;position: relative;z-index: 1}
.banner .dots span:before{content: "";position: absolute;bottom: .1rem;left: 50%;width: .12rem;height: .12rem;background: #fff;border-radius: 50vw;transition: .5s;transform: translateX(-50%);}
.banner .dots span:after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background: url(/css/../images/banner_d.svg) center no-repeat;transition: .5s;opacity: 0;background-size: 100% 100%;}
.banner .dots span.active:before{ opacity: 0}
.banner .dots span.active:after{ opacity: 1}

.arrow1W{ position: absolute;right: 0;bottom: .35rem;left: 0;z-index: 2;}
.arrow1W .wp{ justify-content: center; position: relative}
.arrow1W h4{flex: 1;overflow: hidden;font-size: .24rem;color: #fff;font-weight: bold;position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: calc((100% - 6rem) / 2);text-align: right;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.arrow1{ justify-content: center;align-items: center; margin: 0 0 0 .3rem;}
.arrow1 .arrow{font-family: 'swiper-icons';font-weight: bold;font-size: .2rem;color: #fff;cursor: pointer;}

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

.tit1{align-items: flex-end;margin-bottom: .48rem;}
.tit1 h3{font-family: Gloock;font-size: .84rem;background: url(/css/../images/tit1.png);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;line-height: 1;font-weight: normal;}
.tit1 h2{font-size: .34rem;color: #333333;font-weight: bold;margin: -.5rem 0 0;}
.tit1 h2 font{ color: #90000A }

.more0{display: flex;align-items: center;font-family: 'sys';font-size: .22rem;font-weight: bold;color: #90000A;white-space: nowrap;}
.more0 img{width: .19rem;margin: 0 0 0 .1rem;transition: .5s;}

.home1 .wp{ align-items:flex-start;}
.home1 .left{ width: 8.2rem; position: relative; z-index: 2;}
.home1 .left::before{content: "";position: absolute;right: 0;bottom: 0;left: calc((100vw - 16rem)/2*-1);height: 5.68rem;background: url(/css/../images/list1_b1.jpg) center no-repeat;background-size: cover;pointer-events: none;}
.home1 .left .tit1{ padding-right: .36rem;}
.home1 .right{width: calc(100% - 8.2rem - 1.24rem);}

.list1Box{ width: calc(100% + .48rem);}
.list1 .a{display: block;padding: .2rem 0 0;position: relative;}
.list1 .time{position: absolute;top: 0;left: .32rem;width: .9rem;height: 1.02rem;background: #E26B1D;display: flex;flex-direction: column;z-index: 1;justify-content: center;align-items: center;}
.list1 .time h3{font-size: .4rem;color: #fff;font-weight: normal;font-family: Impact;}
.list1 .time h6{font-size: .14rem;color: #fff;margin: .02rem 0 0;}
.list1 .txt{height: 1.4rem;align-items: center;padding: 0 1rem 0 0;}
.list1 h4{font-size: .2rem;color: #fff !important;font-weight: bold}
.list1 .txt .ll{ width: calc(100% - 1.4rem)}
.list1 p{ color: rgba(255,255,255,.6); margin: .08rem 0 0}
.list1 .txt .arrow2{ width: 1.4rem}

.arrow2{justify-content: center;align-items: center;}
.arrow2 .arrow{font-family: 'swiper-icons';font-weight: bold;font-size: .2rem;color: #fff;cursor: pointer;}
.arrow2 .dots{margin: 0 .1rem;width: 50px;height: 50px;position: relative;z-index: 1;}
.arrow2 .dots span{width: 50px;height: 50px;background: url(/css/../images/banner_d.svg) center no-repeat;background-size: .24rem auto;opacity: 0;position: absolute;top: 0;right: 0;bottom: 0;left: 0; z-index: 1;}
.arrow2 .dots span svg{ transform: rotate(-90deg)}
.arrow2 .dots span::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(255, 255, 255, 0.2); z-index: -1; border-radius: 50vw;}
.arrow2 .dots span.active{ opacity: 1;}
.arrow2 .dots span.active .progress{
    animation: rotate1 6000ms linear both;
}
@keyframes rotate1{
    from {
        stroke-dashoffset: 157px;
    }
    to {
        stroke-dashoffset: 0px;
    }
}

.home1 .right .tit1 h3{white-space: nowrap;width: 5rem;opacity: 0;transition: .5s;pointer-events: none;}
.home1 .right .tit1 h2, .home1 .right .tit1 h2 font{ color: rgba(128, 126, 126, 1); font-weight: normal}
.home1 .right .tit1 .more{ position: relative; z-index: 1;}
.home1 .right .tit1 .on h3{ opacity: 1}
.home1 .right .tit1 .on h2{ color: #333; font-weight: bold}
.home1 .right .tit1 .on h2 font{ color: #90000A; font-weight: bold}

.miso_tab1 .hd ul li{margin: 0 .4rem 0 0;position: relative;width: 1.4rem;cursor: pointer;}
.miso_tab1 .hd ul li:before{content: "";position: absolute;bottom: .08rem;right: -.2rem;width: .02rem;height: .26rem;background: rgba(138, 138, 138, 0.38);}
.miso_tab1 .hd ul li:last-child:before{ display: none}

.miso_tab1 .bd, .miso_tab1 .bd .bd_li{width: 100% !important;max-width: 100%;}

.list2{ margin: 0 0 0 -1.24rem;}
.list2 .a{display: flex;flex-direction: column;padding: 0 0 0 1.24rem;position: relative;z-index: 1;justify-content: center;height: 0.53rem;transition: .5s;}
.list2 p{ display: none}
.list2 li{padding-bottom: .235rem;}
.list2 li h6{justify-content: space-between;align-items: center;margin: .06rem 0 0;}
.list2 li h6 hr{flex: 1;border-top: 1px dashed rgba(0, 0, 0, 0.1);background: none;margin: 0 .3rem 0 0;}



.list2 li:last-child{margin-bottom: 0;}

.home2{background: url(/css/../images/home2_b.png) center top no-repeat;padding-bottom: .45rem;background-size: 42.29% auto;}
.home2 .wp1 .left{width: 6.5rem;}
.home2 .wp1 .right{width: calc(100% - 6.5rem - .78rem);order: -1;}
.home2 .wp1 .left .tit1{ padding: 0 .15rem 0 0}
.home2 .wp1 .right .tit1{padding: 0;}

.list3 li{margin-bottom: .25rem;}
.list3 .a{ padding: .18rem .18rem; align-items: center; position: relative; z-index: 1;}
.list3 .a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid #EDE8E5; z-index: -1;}
.list3 .a::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/css/../images/list3_b1.jpg) center no-repeat; background-size: cover; z-index: -1; transition: .5s; opacity: 0; pointer-events: none; }
.list3 .imgBox{width: 2.6rem;}
.list3 .imgBox .img{ padding-bottom: 66.92%;}
.list3 .txt{flex: 1;overflow: hidden;margin: 0 0.25rem 0 0.4rem;}
.list3 h4{margin: .16rem 0 .2rem;}
.list3 h5{font-size: .17rem;color: #90000A;transition: .5s;}
.list3 h6{color: rgba(68, 68, 68, 0.4);transition: .5s;position: relative;}
.list3 h6 span{ font-size: .26rem; color: #444444; position: relative; margin: 0 .2rem 0 0; transition: .5s;}
.list3 h6 span::before{content: "";position: absolute;width: 1px;height: .2rem;background: #D8D8D8;transform: rotate(15deg) translateY(-50%);right: -.08rem;top: 65%; transition: .5s;}
.list3 h6 i{position: absolute;right: 0;top: 58%;font-family: 'swiper-icons';font-size: .16rem;color: #FFCA4E !important;transform: translateY(-50%); opacity: 0; transition: .5s; font-weight: bold;}

.list4{ margin: -.1rem 0 0}
.list4 li{ margin-bottom: .2rem}
.list4 .a{height: 1rem;align-items: center;background: #fff;padding: 0 .25rem;}
.list4 .time{width: .74rem;height: .74rem;position: relative;z-index: 1;flex-direction:column;align-items: center;justify-content: center}
.list4 .time:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; border: 1px solid rgba(0, 0, 0, 0.1); transition: .5s}
.list4 .time:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: linear-gradient(232deg, #FF8E14 11%, #AF1B14 57%, #90000A 83%); opacity: 0; transition: .5s}
.list4 .time h3{font-size: .26rem;color: #7D7D7D;font-weight: normal;font-family: Bebas;transition: .5s;}
.list4 .time h6{font-size: .14rem;color: #333;margin: .02rem 0 .04rem;opacity: .4;transition: .5s;}
.list4 .txt{ flex: 1; overflow: hidden; margin: 0 .28rem;}
.list4 li:last-child{ margin-bottom: 0}

.list3s li{ margin-bottom: .3rem}
.list3s .a{display: block;position: relative;z-index: 1;}
.list3s .imgBox .img{ padding-bottom: 53.33%}
.list3s .txt{padding: 0 .25rem;}
.list3s h5{ font-size: .17rem; color: #90000A;}
.list3s h4{margin: .06rem 0 0;}

.list3s li:nth-child(1) .txt{position: absolute;right: 0;bottom: 0;left: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%);padding: 0 .25rem .15rem;}
.list3s li:nth-child(1) .txt{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;justify-content: flex-end;flex-direction: column;}
.list3s li:nth-child(1) h5{color: rgba(255, 255, 255, 0.6);}
.list3s li:nth-child(1) h4{color: #fff !important;white-space: normal; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

.list4s{margin: 0 -.1rem -.45rem;}
.list4s li{width: 50%;padding: 0 .1rem;margin-bottom: .45rem;}
.list4s .a{box-shadow: 0px 5px 60px 0px rgba(144, 0, 10, 0.05);height: 2rem;display: block;background: #fff;position: relative;z-index: 1;}
.list4s .a::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;background: url(/css/../images/list4s_b2.jpg) center no-repeat;background-size: cover;transition: .5s;opacity: 0;}
.list4s .a::after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;background: url(/css/../images/list4s_1.png) right bottom no-repeat;background-size: .26rem .26rem;transition: .5s;}
.list4s .txt{height: 100%;padding: 0 .3rem;flex-direction: column;justify-content: center;}
.list4s h6{font-size: .16rem;color: #90000A;margin: .45rem 0 0;}

.list4s li:nth-child(1) .a, .list4s li:nth-child(4) .a, .list4s li:nth-child(5) .a{ background: url(/css/../images/list4s_b1.jpg) center no-repeat; background-size: cover;}

.home2 .wp1{ position: relative; z-index: 2}
.home2 .wp2{margin-top: .6rem;position: relative;z-index: 2;align-items: flex-start;}
.home2 .wp2 .left{ width: 55.625%; position: relative; z-index: 1; }
.home2 .wp2 .left .b1{position: absolute;bottom: -.48rem;left: calc((100vw - 16rem)/2*-1);width: 100vw;z-index: -1;pointer-events: none;}
.home2 .wp2 .left .tit1{ position: relative; z-index: 1;}
.home2 .wp2 .right{width: calc(100% - 55.625% - .58rem);position: relative;z-index: 1;}
.home2 .wp2 .right .b1{position: absolute;top: 1.55rem;right: calc((100vw - 16rem)/2*-1);left: 1.2rem;height: 7.78rem;}
.home2 .wp2 .right .b1 img{ height: 100%; object-fit: cover}
.home2 .wp2 .right .tit1{/* padding: 0 0 0 .3rem; */}

.list5{padding: .3rem 0 0;height: 4.6rem;}
.list5-1{ display: flex; justify-content: space-between}
.list5-1 .imgBox{ width: 100%;}
.list5-1 .imgBox .img{padding-bottom: 56%;}
.list5-1 li{ width: 48%}
.list5-1 .a{ display: block; position: relative; z-index: 1}
.list5-1 .txt{position: absolute;right: 0;bottom: 0;left: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%);padding: 0 .25rem .15rem;}
.list5-1 .txt{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;justify-content: flex-end;flex-direction: column;}
.list5-1 h5{color: rgba(255, 255, 255, 0.6);}
.list5-1 h4{color: #fff !important;white-space: normal; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

.list5 .txt{position: relative;z-index: 1;margin: 0;height: .6rem;align-items: center;transition: .5s;padding: 0 1rem 0 0;}
.list5 .txt h4 span{/* font-size: .17rem; */color: #90000A;margin: 0 .1rem 0 0;font-weight: 500}
.list5 i{position: absolute;right: .4rem;top: 50%;font-family: 'swiper-icons';font-size: .18rem;color: rgba(51, 51, 51, 0.5);transform: translateY(-50%);transition: .5s;font-weight: bold;}

.list5 li.on{padding: .25rem 0;}
.list5 li.on .txt{height: .8rem}
.list5 li.on .txt::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: calc((100vw - 16rem)/2*-1);background: url(/css/../images/list2_i1.jpg) center no-repeat;background-size: cover;z-index: -1;pointer-events: none;}
.list5 li.on .txt h4{ font-size: .24rem; color: #fff; font-weight: 600}
.list5 li.on .txt h4 span{color: #FFCA4E;}
.list5 li.on i{color: #fff !important;}

.home2 .fl3{background: url(/css/../images/home2_b2.webp) center top no-repeat;background-size: 100% auto;margin: .6rem 0 0;padding: 1.25rem 0 0;overflow: hidden;position: relative;z-index: 1;}
.home2 .fl3 .bg1{position: absolute;right: -1.5%;top: 46.3vw;width: 1.82rem;z-index: -1;max-width: 10%;}

.home2 .fl3 .left{ width: 26.625%;}
.home2 .fl3 .right{ width: 72.125%;}

.home2 .fl3 .right .list6 li:nth-child(1){ width: 56.32%;}
.home2 .fl3 .right .list6 li:nth-child(2){ width: 41.94%;}
.home2 .fl3 .right .list6 li:nth-child(3){ width: 48.26%;}
.home2 .fl3 .right .list6 li:nth-child(4){width: 50%;}
.list6 li{ margin-bottom: 1.65%}
.list6 .a{display: block;position: relative;z-index: 1;overflow: hidden;}
.list6 .imgBox .img{ padding-bottom: 60%;}
.list6 .imgBox:after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0, 0, 0, 0.25); transition: .5s;}
.list6 .txt{position: absolute;right: 0;bottom: 0;left: 0;height: .78rem;align-items: center;padding: 0 .3rem;z-index: 1;}
.list6 .txt:before{content: "";position: absolute;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(270deg, rgba(255, 142, 20, 0.9) 0%, rgba(175, 27, 20, 0.9) 48%, rgba(144, 0, 10, 0.9) 85%);z-index: -1;transform: translateY(100%); transition: .5s;}
.list6 .txt:after{content: "";position: absolute;right: 0;bottom: 0;left: .3rem;width: .7rem;height: .04rem;background: #FFCA4E;z-index: -1; transition: .5s;}
.list6 h4{color: #fff !important;}
.list6 i{position: absolute;right: .3rem;top: 50%;font-family: 'swiper-icons';font-size: .18rem;color: #fff;transform: translateY(-50%);transition: .5s;font-weight: bold;opacity: 0;}

.list6 .ico{position: absolute;top: 50%;left: 50%;z-index: 10;width: .8rem;height: .8rem;transform: translate(-50%, -50%);}
.list6 .ico::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,.25);border-radius: 50vw;border: rgba(255,255,255,.5) 1px solid;}
.list6 .ico img{position: absolute;z-index: 1;width: .25rem;height: .49rem;left: 50%;top: 50%;transform: translate(-50%, -50%) !important;}
.circle span{width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-radius: 50vw;border: #fff 1px solid;transform: scale(1);animation: circleScale 3s linear infinite;-webkit-transition: all 0.5s;transition: all 0.5s;z-index: -1;}

.circle span:nth-of-type(2) {
    animation-delay: 1s;
}

.circle span:nth-of-type(3) {
    animation-delay: 2s;
}

@keyframes circleScale {
    0% {
        opacity: .5;
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(2, 2);
    }
}

.home2 .fl3 .left .list6 li .imgBox .img{padding-bottom: 169%;}
.home2 .fl3 .right .list6 li:nth-child(1) .imgBox .img{ padding-bottom: 53.84%;}
.home2 .fl3 .right .list6 li:nth-child(2) .imgBox .img{ padding-bottom: 72.31%;}
.home2 .fl3 .right .list6 li:nth-child(3) .imgBox .img{ padding-bottom: 62.83%;}
.home2 .fl3 .right .list6 li:nth-child(4) .imgBox .img{padding-bottom: 60.5%;}

.home2 .wp3{margin-top: .7rem;}
.home2 .wp3 .tit1{ margin-bottom: .36rem;}

.list7 li{ margin: .3rem 0 0; transition: .5s;}
.list7 .imgBox .img{ padding-bottom: 56.45%;}
.list7 .txt{height: 3rem;padding: .3rem .4rem 0;position: relative;z-index: 1;transition: .5s;}
.list7 .txt::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-size: cover;border: 1px solid #EDE8E5;z-index: -1;}
.list7 .txt::after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(/css/../images/list7_b1.webp) center no-repeat;background-size: cover;z-index: -1;opacity: 0;transition: .5s;}
.list7 h3{font-size: .24rem;color: #333333;transition: .5s;}
.list7 h4{margin: .12rem 0 .15rem;min-height: .6rem;}
.list7 p{min-height: .78rem;}
.list7 h6{text-align: right;font-size: .16rem;color: #90000A;margin: .1rem 0 0;}

.arrow3{justify-content: center;margin: .1rem 0 .2rem;}
.arrow3 .arrow{width: .6rem;height: .6rem;background: #fff;box-shadow: 0px .05rem .6rem 0px rgba(144, 0, 10, 0.05);border-radius: 50vw;margin: 0 .13rem;cursor: pointer;display: flex;justify-content: center;align-items: center;font-size: .19rem;color: #333;font-family: 'swiper-icons';font-weight: bold;transition: .5s;}
.arrow3 .arrow:hover{ background: #90000A; color: #fff}

.list7 li.swiper-slide-next .txt::after{ opacity: 1}
.list7 li.swiper-slide-next *{ color: #fff}
.list7 li.swiper-slide-next p{ opacity: .8}
.list7 li.swiper-slide-next{ transform: translateY(-.3rem);}

.tit1c{ justify-content: center; text-align: center;}
.tit1w h3{background: url(/css/../images/tit1w.png);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;}
.tit1w h2{color: #fff;letter-spacing: .02rem;}
.tit1w h2 font{color: #FFCA4E;}

.home3{background: url(/css/../images/home3_b.webp) center top no-repeat;background-size: 100% 14.45rem;/* min-height: 14rem; */ position: relative; z-index: 1;}
.home3 .b1s{position: absolute;bottom: 3rem;left: 56%;width: 6.04rem;z-index: -1;max-width: 32%;}

.list8W{position: relative;z-index: 1;padding: 0 1rem;overflow: hidden;}
.list8W .bg1{position: absolute;left: 50%;transform: translate(-50%, 47%);width: 10.43rem;bottom: 0;z-index: -1;pointer-events: none;}
.list8Box{ padding: .2rem 0 0;}
.list8 li{ text-align: center;}
.list8 .a{display: block;height: 6.3rem;}
.list8 .ico{width: 1.66rem;height: 1.66rem;display: flex;align-items: center;justify-content: center;background: url(/css/../images/list8_b1_on.svg) center no-repeat;background-size: cover;margin: 0 auto .15rem;position: relative;z-index: 1;transition: .5s;}
.list8 .ico img{ width: .65rem; height: .65rem; transition: .5s;}
.list8 .ico img:last-child{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);opacity: 0;transition: .5s;}
.list8 h3{ font-size: .42rem; color: #fff; font-weight: bold; transition: .5s;}
.list8 h6{ font-size: .18rem; color: #fff; line-height: 1.5; margin: .05rem 0 0; transition: .5s;}
.list8W .arrow{position: absolute;bottom: 2.5rem;width: .5rem;height: .5rem;border: rgba(255,255,255,.5) 1px solid;border-radius: 50vw;font-size: .17rem;color: rgba(255,255,255,.5);font-family: 'swiper-icons';font-weight: bold;transition: .5s;display: flex;justify-content: center;align-items: center;z-index: 10;cursor: pointer;}
.list8W .arrow::after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: linear-gradient(221deg, #FFCA4E 14%, #FF8E14 82%);z-index: -2;border-radius: 50vw;opacity: 0; transition: .5s}
.list8W .arrow.prev{ left: 0;}
.list8W .arrow.next{ right: 0;}

.list9{position: absolute;z-index: 10;margin: .4rem 0 0;justify-content: center;right: 0;bottom: 0;}
.list9 li{margin: 0 0 0 .26rem;position: relative;z-index: 1;cursor: pointer;}
.list9 li .a{display: flex;transition: .5s;position: relative;z-index: 1;background: #fff;width: .5rem;height: .5rem;border-radius: 50vw;align-items: center;justify-content: center;box-shadow: 0 0 0.2rem #d77211;}
.list9 li .a:after{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(0);width: .6rem;height: .6rem;background: #fff;border-radius: 50%;z-index: -1;transition: all .5s}
.list9 li .a img{width: .69rem;height: .69rem;position: relative;z-index: 1;transition: all 0.5s; }
.list9 li .ewm{width: 1.04rem;background: #fff;border-radius: .06rem;position: absolute;padding: .03rem;top: 140%;left: 50%;margin-left: -.502rem;z-index: 1;opacity: 0;visibility: hidden;transition: all 0.5s;transform: translateY(.1rem);box-shadow: 0 0 0.3rem rgba(0,0,0,.2);}
.list9 li .ewm:before{content: "";position: absolute;width: .12rem;height: .12rem;background: #fff;transform: rotate(45deg);top: -.06rem;left: 50%;margin-left: -.06rem;}
.list9 li .ewm img{ width: 100%}

.list9 li:hover .a{ color: #fff}
.list9 li:hover .a:after{ transform: translate(-50%, -50%) scale(1);}
.list9 li:hover .a img{ opacity: 1}
.list9 li:hover .ewm{ opacity: 1; visibility: visible; transform: translateY(0)}

.home3-1{ padding: 1.1rem 0 1.4rem; position: relative; z-index: 1; }
.home3-1 .tit1{z-index: 10;position: relative;margin-bottom: .7rem;}
.home3-1 .wp{ position: relative; z-index: 1}
.home3-1 .b1{position: absolute;top: 0;right: calc((100vw - 16rem)/2 + 4.2rem);width: calc((100vw - 16rem)/2 + 100%);height: 9rem;background: #fff url(../images/home3_b2.webp);z-index: -1;pointer-events: none;}
.home3-1 .b2{position: absolute;bottom: 0;left: 0;width: 7.3rem;max-width: 39%;z-index: -1;pointer-events: none;}


.list10 li:nth-child(1){width: 33.33%;}
.list10 li:nth-child(2){width: 33.33%;}
.list10 li:nth-child(3){width: 33.34%;}

.list10 li:nth-child(4){width: 36.81%;}
.list10 li:nth-child(5){width: 36.81%;}
.list10 li.cdxb{width: calc(100% - 36.81% - 36.81%);}

.list10 .a{display: block;position: relative;z-index: 1;}
.list10 .txt{position: absolute;right: 0;bottom: 0;left: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);padding: 0 .3rem .25rem;}
.list10 h6{color: rgba(255, 255, 255, 0.6);}
.list10 h4{color: #fff !important;margin: .1rem 0 0;}
.list10 h4 img{margin: -.03rem .1rem 0 0;height: .22rem;}

.list10 .txt1{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;justify-content: space-between;align-items: center;flex-direction: column;padding: 14% 0 0;}

.list10 li:nth-child(1) .imgBox .img{padding-bottom: 60.22%;}
.list10 li:nth-child(2) .imgBox .img{padding-bottom: 60.22%;}
.list10 li:nth-child(3) .imgBox .img{padding-bottom: 60.22%;}

.list10 li:nth-child(4) .imgBox .img{padding-bottom: 69.28%;}
.list10 li:nth-child(5) .imgBox .img{padding-bottom: 69.28%;}
.list10 li.cdxb .imgBox .img{padding-bottom: 96.53%;}

.tit2 h3{ font-size: .34rem; color: #fff}

.list11Box{width: 100%;}
.list11 .imgBox::after{  content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.4); transition: .2s;}
.list11 .imgBox .img{ padding-bottom: 155.29% !important;}
.list11 .imgBox .img IMG{ transform: scale(1) !important;}
.list11 .swiper-slide{display: block;align-items: flex-end;}
.list11 .swiper-slide-active{display: block;}
.list11 .swiper-slide .a{width: calc(100% - .15rem);transition: .5s;}
.list11 .swiper-slide-active .a{margin: 0 -.15rem;width: calc(100% + .3rem);}
.list11 .swiper-slide-next .a{ width: calc(100% - .15rem);}

.list11 .swiper-slide{display: flex;align-items: flex-end;height: auto;}
.list11 .swiper-slide-next{ display: flex; align-items: flex-end; justify-content: flex-end;}

.list11 .swiper-slide-active .imgBox::after{ background: rgba(0,0,0,0);}

.list11Box .arrow{position: absolute;bottom: 0.8rem;width: .4rem;height: .4rem;border: rgba(255,255,255,.5) 1px solid;border-radius: 50vw;font-size: .15rem;color: rgba(255,255,255,.5);font-family: 'swiper-icons';font-weight: bold;transition: .5s;display: flex;justify-content: center;align-items: center;z-index: 10;cursor: pointer;}
.list11Box .arrow::after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: linear-gradient(221deg, #FFCA4E 14%, #FF8E14 82%);z-index: -2;border-radius: 50vw;opacity: 0; transition: .5s}
.list11Box .arrow.prev{left: 7%;}
.list11Box .arrow.next{right: 7%;}

/*ÈÕÀú*/
.calendar{background: #fff;box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);}
.calendar .box{background: #fff;overflow: hidden;}
.calendar .year-m{height: .7rem;position: relative;z-index: 3;align-items: center;padding: 0 .4rem;cursor: pointer;justify-content: center;background: linear-gradient(270deg, #ED7614 0%, #90000A 100%);box-shadow: 10px 0px 20px 0px rgba(144, 0, 10, 0.3);}
.calendar .year-m::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/css/../images/year-m.png) center no-repeat; background-size: 100% auto; z-index: -1; pointer-events: none;}
.calendar .year-m span{font-size: .22rem;color: #fff;font-family: "sys";position: relative;padding: 0 .3rem 0 0;}
.calendar .year-m span:before{content: "";position: absolute;background: url(/css/../images/year-m.svg) center no-repeat;width: .18rem;height: .09rem;background-size: 100% 100%;right: 0;top: 50%;margin-top: -.045rem;}
.calendar .year-m ul{background: #fff;color: #555;padding: .1rem 0;max-height: 1.8rem;overflow: auto;width: 100%;position: absolute;left: 0;top: 100%;box-shadow: 0 0 .1rem rgba(0, 0, 0, .1);opacity: 0;z-index: 5;visibility: hidden;transition: .5s;transform: scaleY(0);transform-origin: top;}
.calendar .year-m ul::-webkit-scrollbar {width: .05rem }
.calendar .year-m ul::-webkit-scrollbar-thumb {border-radius: .1rem;background: #999;}
.calendar .year-m ul::-webkit-scrollbar-track {border-radius: .1rem;background: #ddd;}
.calendar .year-m ul li {font-size: .15rem;padding: .1rem .2rem;cursor: pointer;transition: .5s;color: #888;text-align: center;font-family: "sys";}
.calendar .year-m ul li:hover {background: #eee;color: #90000A;}

.calendar .year-m:hover ul {opacity: 1;visibility: visible;transform: scaleY(1);}

.calendar-content {background: #fff;padding: .15rem .4rem .4rem;}
.calendar-content table {width: 100%;text-align: center;}
.calendar-content th {color: #90000A;padding: .1rem 0;font-size: .2rem;font-family: "sys";font-weight: normal;}
.calendar-content td {color: #262626;padding: .01rem 0;vertical-align: middle;font-size: .18rem;font-family: "sys";font-weight: normal;}
.calendar-content td span {width: .4rem;height: .4rem;line-height: .4rem;padding: 0;border-radius: 50%;display: inline-block;}
.calendar-content td.calendar-selected {background-color: #00f7de }
.calendar-content .day-next, .calendar-content .day-prev {color: #d2d2d2;}
.calendar-content .day-next.calendar-has span, .calendar-content .day-prev.calendar-has span {background: #f2f2f2;}
.calendar-content .calendar-this span{color: #fff !important;background: linear-gradient(270deg, #FF8E14 0%, #AF1B14 86%) !important;}
.calendar-content .calendar-has span{cursor: pointer;background: rgba(208,208,208,.7);}

.tit3{background: #ffd472;line-height: .48rem;padding: 0 .3rem;font-size: .2rem;color: #c69118;display: none;position: absolute;top: 0;left: 0;}
.cslideW{position: relative;z-index: 1;margin: 0 .4rem .4rem;}
.cslideW .sbtn{position: absolute;top: 50%;right: -.2rem;z-index: 1;width: .4rem;display: flex;flex-direction: column;justify-content: center;align-items: center; transform: translateY(-50%)}
.cslideW .sbtn .arrow{font-size: .18rem;color: #333;font-family: 'swiper-icons';font-weight: bold;}
.cslideW .sbtn .arrow.prev{ transform: rotate(90deg)}
.cslideW .sbtn .arrow.next{ transform: rotate(90deg)}
.cslideW .sbtn .dots{margin: .15rem 0;text-align: center;}
.cslideW .sbtn .dots span{font-size: .16rem;color: #9e9e9e;font-family: Bebas;}
.cslideW .sbtn .dots .line{width: .18rem;height: 1px;background: rgba(144, 0, 10, 0.3);margin: .06rem auto;}
.cslideW .sbtn .dots span.swiper-pagination-current{font-size: .24rem;color: #90000A;}
.cslide{margin: .3rem 0 0 auto;height: 2.54rem;background: #F8F8FA;}
.cslide .txt{padding: .35rem .4rem 0;height: 100%;}
.cslide h4{font-size: .2rem;margin-bottom: .2rem;min-height: .6rem;}
.cslide p{font-size: .16rem;color: #666;line-height: .32rem;position: relative;z-index: 1;padding: 0 0 0 .36rem;margin-top: .06rem;}
.cslide p i{position: absolute;left: 0;top: .06rem;width: .17rem;height: .17rem;}
.cslide p i img{ width: 100%;vertical-align: top;}
.cslide p span{display: inline-block;}

#calendarnews{ height: auto}
.home3-2{padding-bottom: 0 !important;background: url(/css/../images/home3_b4.webp) left top no-repeat;background-size: 44.8% auto;}

.list12 li{margin-bottom: 0.5rem;}
.list12 .a{ display: block; position: relative; z-index: 1}
.list12 .a:after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;backdrop-filter: blur(3px);transform: translateY(100%);transition: .5s;}
.list12 .imgBox .img{ padding-bottom: 56.52%;}
.list12 .imgBox{-webkit-box-reflect: below 0px linear-gradient(to bottom, rgba(0, 0, 0, 0.0) 80%, rgba(0, 0, 0, 0.4) 100%);}

.in_ztwz{align-items: flex-end;width: calc((100vw - 16rem)/2 + 100%);}
.in_ztwz .list12W1{width: 28.75%;position: relative;z-index: 1;}
.in_ztwz .list12W2{ width: calc(100% - 28.75% - 40px);}

.arrow4 .prev{position: absolute;top: 50%;transform: translateY(-50%);z-index: 1;left: -.25rem;margin-top: -.25rem;}
.arrow4 .next{position: absolute;top: 50%;transform: translateY(-50%);z-index: 1;right: -.25rem;margin-top: -.25rem;}
.arrow4 .arrow{width: .5rem;height: .5rem;background: #90000a;border-radius: 50vw;display: flex;justify-content: center;align-items: center;font-size: .18rem;color: #fff;font-family: 'swiper-icons';font-weight: bold;cursor: pointer;}

@media(min-width: 1024px){
    .more0:hover img{ transform: rotate(180deg)}
    .list3 .a:hover::after{ opacity: 1;}
    .list3 .a:hover *{ color: #fff;}
    .list3 .a:hover h6 i{ opacity: 1;}

    .list5 .a:hover i{ color: #90000A}

    .list4 .a:hover{ box-shadow: 0px 5px 60px 0px rgba(144, 0, 10, 0.05);}
    .list4 .a:hover .time:before{ opacity: 0}
    .list4 .a:hover .time:after{ opacity: 1; top: -.05rem; bottom: -.05rem;}
    .list4 .a:hover .time *{ color: #fff}

    .list6 .a:hover .txt:before{ transform: translateY(0);}
    .list6 .a:hover .imgBox:after{ opacity: 0;}
    .list6 .a:hover i{ opacity: 1;}

    .list8 .a:hover .ico{ transform: scale(1.25); background: url(/css/../images/list8_b1.svg) center no-repeat;background-size: cover;}
    .list8 .a:hover h3, .list8 .a:hover h6{ transform: translateY(.3rem);}
    .list8 .a:hover h3{ color: #FFCA4E;}
    .list8 .a:hover .ico img:nth-child(1){ opacity: 0;}
    .list8 .a:hover .ico img:nth-child(2){ opacity: 1;}

    .list8W .arrow:hover::after{ opacity: 1}
    .list8W .arrow:hover{ border: transparent 1px solid}

    .list11Box .arrow:hover::after{ opacity: 1}
    .list11Box .arrow:hover{ border: transparent 1px solid}

    .list4s .a:hover::before{ opacity: 1}
    .list4s .a:hover::after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;background: url(/css/../images/list4s_1_on.png) right bottom no-repeat;background-size: .26rem .26rem;transition: .5s;}

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

    .list2 li.on{padding-bottom: .38rem;}
.list2 li.on .a::before{content: "";position: absolute;top: 0;right: calc((100vw - 16rem)/2*-1);bottom: 0;left: 0;background: url(/css/../images/list2_i1.jpg) center no-repeat;background-size: cover;z-index: -1;pointer-events: none;}
.list2 li.on .a{ height: 1.38rem;}
.list2 li.on h4{font-weight: bold;color: #fff;/* margin-bottom: .06rem; */transform: translateY(-0.06rem);}
.list2 li.on p{display: -webkit-inline-box;color: rgba(255, 255, 255, 0.7);line-height: .22rem;max-height: .44rem\0;}
.list2 li.on h6{/* order: -1; *//* margin: .05rem 0; */color: #fff;}
.list2 li.on h6 hr{border-top: 1px dashed rgba(255, 255, 255, 0.1);}
}
@media(max-width: 1024px){
    .banner .imgBox .img{padding-bottom: 60%;}
    .banner .dots{ margin: 0 .1rem 0}
    .banner .dots span{width: .24rem;height: .24rem;margin: 0 .05rem !important;}
    .banner .dots span:before{ width: .06rem; height: .06rem;bottom: .07rem;}
    .arrow1{ bottom: .2rem}

    .home1 .left{ width: 100%;}
    .home1 .left::before{left: -.7rem;height: auto;top: 1.5rem;right: -15px;}
    .home1 .left .tit1{ padding: 0;}
    .home1 .right{width: 100%;padding: .4rem 0 0;}
    .list2 li:first-child .a::before{ right: -.7rem;}
    .list2 li:first-child p{ display: none}
    .list2 li:first-child h4{ margin-top: .1rem}

    .home2 .wp1 .left{ width: 100%;}
    .home2 .wp1 .right{ width: 100%;margin-bottom: .4rem;}

    .home2 .wp2 .left{ width: 100%;}
    .home2 .wp2 .right{width: 100%;padding: .4rem 0 0;}

    .home2 .wp2 .left .b1{ display: none;}
    .list5 .imgBox{ width: 100%;}
    .list5 li:first-child .txt::before{left: -.7rem;right: -.7rem;}
    .home2 .wp2 .right .b1{right: -.7rem;height: 90%;overflow: hidden;}
    .home2 .wp2 .right .b1 img{ height: 100%}

    .list1 .txt{ padding: 0}

    .home2 .wp1 .right .tit1{ padding: 0}
    .list5 i{ display: none;}
    .home2 .wp2 .right .tit1{ padding: 0}

    .list7 li.swiper-slide-next{ transform: translateY(0);}
    .list5{padding: 0;height: 3.8rem;}
    .list5-1{ padding: 00;}

    .home3-1 .b1{ left: -.7rem; width: auto;}

    .list9{position: relative;width: 100%;}
    .list9 li{ margin: 0 .1rem}

    .list10 li{width: 100% !important;margin-bottom: .25rem;}
    .list10 li>.a>.imgBox .img{ padding-bottom: 60% !important}
    .list10 li.cdxb>.a>.imgBox .img{ padding-bottom: 0% !important}
    .list10 li.cdxb .txt1{position: relative;background: url(/css/../images/list10_b1.jpg) center no-repeat;text-align: center;height: 80vw;background-size: cover;}

    .in_ztwz{align-items: flex-end;width: calc(100% + .7rem);}

    .arrow4{ display: none}

    .home2 .wp2{ margin-top: .4rem;}
    .list2 li.on .a::before{right: calc((100% + .7rem)*-1);}

    .arrow1W h4{ display: none}
}
@media(max-width: 800px){
    .tit1{ margin-bottom: .25rem}
    .tit1 h3{font-size: .4rem;}
    .tit1 h2{font-size: .24rem;margin: -.25rem 0 0;}

    .pad1{ padding: .4rem 0}

    .list1Box{ width: 100%}

    .home1 .left::before{ left: -15px; right: -15px}

    .list1 .txt{height: 2rem;padding: .2rem 0;}
    .list1 .txt .ll{ width: 100%}
    .arrow2{ margin: 0 auto}
    .arrow2 .dots{ transform: scale(.7)}

    .miso_tab1 .hd ul li{width: 1.2rem;margin: 0 .2rem 0 0;}
    .miso_tab1 .hd ul li:before{ display: none}

    .list2 li:first-child{margin-bottom: 0;padding-bottom: .1rem;}
    .list2 li.on{ padding-bottom: .15rem}
    .list2 li:first-child .a{ height: 1rem}
    .list2 li{ margin-bottom: .1rem}
    .list2 li h6{margin: .1rem 0 0;opacity: .6;}

    .home2{background-size: 90% auto;}
    .list3 .a{ padding: .15rem .15rem}
    .list3 .imgBox{width: 1.8rem; }
    .list3 .txt{margin: 0 0 0 .2rem;}
    .list3 h4{margin: .06rem 0;}
    .list3 h6 span{ font-size: .16rem}

    .list2 li h6 hr{order: 1;margin: 0 0 0 .2rem;}
    .list4{ margin: 0}
    .list4 .a{padding: 0;height: auto;}
    .list4 .txt{margin: 0 0 0 .2rem;}

    .list5 .txt{height: .45rem;padding: 0;}

    .calendar-content{ padding: .2rem;}
    .calendar-content th{ font-size: .18rem;}

    .home2 .fl3{padding: .6rem 0 0;}
    .more0{ font-size: .18rem;}

    .home2 .wp2 .right .b1{ height: 86%;}

    .calendar-content td{ font-size: .16rem;}

    .list6 .ico{ width: .5rem; height: .5rem;}

    .list6 .txt{height: .5rem;padding: 0 15px;}
    .list6 .txt:after{ left: .2rem;}

    .home2 .wp3{ margin-top: .4rem;}
    .list7 li{ margin-top: 0;}
    .list7 .txt{padding: .25rem .2rem 0;height: 2.8rem;}

    .arrow3{ margin: .3rem 0 0}
    .arrow3 .arrow{ width: .4rem; height: .4rem; font-size: .14rem; background: #90000A; color: #fff}

    .list8 .a{ height: 4rem;}
    .home3-1 .b1{left: -15px;width: auto;right: -.7rem;}

    .list8W .bg1{max-width: 84%;}
    .list8 h3{ font-size: .24rem}
    .list8 h6{ font-size: .16rem}

    .list8 .ico{ width: 1.2rem; height: 1.2rem}
    .list8 .ico img{width: .4rem;height: .4rem;}
    .list8 .a{ height: 3rem}
    .list8W .arrow{ width: .4rem; height: .4rem}

    .list8W{padding: 0;}

    .list10 li.cdxb .txt1{height: 84vw;background-size: cover;padding: 10% 0 0;}
    .tit2 h3{ font-size: .24rem}

    .list11Box .arrow{ width: .36rem; height:.36rem}

    .home3-1{ padding: .4rem 0}

    .list9{ margin: .3rem 0 0}
    .list9 li .a{width: .36rem;height: .36rem;box-shadow: 0 0 0.1rem #d77211;}
    .home3-1 .tit1{ margin-bottom: .35rem}

    .in_ztwz .list12W1{ width: 100%;}
    .in_ztwz .list12W2{ display: none;}

    .arrow4{top: auto;bottom: .28rem;transform: translateX(-50%);left: 50%;}
    .arrow4 .arrow{ width: .4rem; height: .4rem; transform: rotate(-90deg)}

    .cslide .txt{ padding: .25rem .2rem 0}
    .cslide p{ font-size: .14rem}

    .in_ztwz{align-items: flex-end;width: 100%;}

    .list10 h4 img{ height: .18rem}

    .list4s .a{ height: 1.5rem}
    .list4s h6{ margin: .25rem 0 0}
    .list2 li.on .a::before{right: calc((100% + 15px)*-1);}
    
    .arrow1W h4{ font-size: .16rem}
} 
@media(max-width: 560px){
    .home2 .fl3 .left{ width: 100%;}
    .home2 .fl3 .right{ width: 100%;}
    .list6 li{ width: 100% !important}

    .home2 .fl3 .left .list6 li .imgBox .img{/* padding-bottom: 50% */}
    .list6 li .imgBox .img{/* padding-bottom: 50% !important */}

    .list6 .ico{ width: .36rem; height: .36rem;}
    .list6 .ico img{ width: .15rem; height: .15rem;}

    .list8 .ico{ width: 1rem; height: 1rem}
    .list8 .ico img{width: .4rem;height: .4rem;}

    .list8 h3{ font-size: .22rem}
    .list8 h6{ font-size: .14rem}

    .list4s{ margin-bottom: -.2rem}
    .list4s li{ width: 100%; margin-bottom: .2rem}

    .list5-1{ flex-wrap: wrap}
    .list5-1 li{ width: 100%; margin-bottom: .2rem}
    
    .banner .dots span{width: .2rem;height: .2rem;margin: 0 0 !important;}
}