@charset "utf-8";

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

.banner .bottom{position: absolute;right: 0;left: 0;bottom: .45rem;z-index: 2;}
.banner .dots{justify-content: center;align-items: center;}
.banner .dots span{width: .52rem;height: .52rem;background: none;font-size: .16rem;color: #fff;opacity: 1;margin: 0 -.08rem !important;position: relative;z-index: 1; transition: .5s;}
.banner .dots span:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/dots1.png) center no-repeat;background-size: cover; transition: .5s;}
.banner .dots span:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/dots1s.png) center no-repeat;background-size: cover;opacity: 0;transition: .5s;}
.banner .dots span.active{ margin: 0 .08rem !important}
.banner .dots span.active:before{ opacity: 0}
.banner .dots span.active:after{ opacity: 1}

.in1-2{ background: url(../images/in1-2_b.jpg) center no-repeat; background-size: cover; }

.tit1{position: relative;margin: 0 0 .4rem;align-items: center;}
.tit1 h3{ font-size: .4rem; color: #333333; line-height: 1}
.tit1 h3 font{ color: #b5000d;}
.tit1 h6{ font-size: .18rem; color: #d0d0d0; line-height: 1; position: relative; padding: 0 0 0 .46rem; margin: .06rem 0 0}
.tit1 h6:before{ content: ""; position: absolute; top: 50%; left: 0; width: .36rem; height: 1px; background: #d9dbdc}

.tit1.flex{ justify-content: center; }
.tit1.flex .more1{ position: absolute;top: 50%;right: 0;transform: translateY(-50%);}

.more1{font-size: .18rem;color: #333;align-items: center; transition: .5s;}
.more1 i{display: flex;width: .3rem;height: .3rem;background: #e1c9a3;border-radius: 50vw;justify-content: center;align-items: center;font-size: .24rem;color: #fff;font-family: 'lib';transform: rotate(45deg);margin: 0 0 0 .08rem; transition: .5s;}

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

.ls1 .a{padding: 0 .3rem 0 0;position: relative;z-index: 1;}
.ls1 .a::before{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;border: #f5e6d6 1px solid;z-index: -1;border-radius: .35rem;}
.ls1 .txt{width: calc(100% - 7.95rem);position: relative;z-index: 1; padding: 0 .75rem; display: flex; flex-direction: column; justify-content: center;}
.ls1 .txt::before{content: "";position: absolute;top: 0;left: 0;right: -.86rem;height: 100%;background: url(../images/ls1_b1.jpg) center no-repeat;background-size: cover;z-index: -1;border-radius: .35rem;}
.ls1 .imgBox{width: 7.95rem;margin: .35rem 0;border-radius: .2rem;z-index: 2;}
.ls1 .imgBox .img{ padding-bottom: 56.6%}
.ls1 .top{ align-items: flex-end; padding: 0 0 .4rem; border-bottom: rgba(255,255,255,.3) 1px solid; margin: 0 0 .4rem;}
.ls1 .top .time{ text-align: center;}
.ls1 .top .time h3{ font-size: .38rem; color: #fff; line-height: 1; }
.ls1 .top .time h6{ font-size: .14rem; color: #fff; line-height: 1; margin: .04rem 0 0;}
.ls1 .top .ico{ width: .54rem; height: .54rem; background: rgba(225,201,163,.3); border-radius: 50vw; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1;}
.ls1 .top .ico:before{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #e1c9a3;border-radius: 50vw;z-index: -1; transform: scale(.75); transition: .5s;}
.ls1 .top .ico i{ font-size: .2rem; color: #b5000d; font-family: 'lib'; transform: rotate(-45deg); font-weight: bold;}
.ls1 h4{ font-size: .24rem; color: #fff !important;}
.ls1 p{font-size: .18rem;line-height: 2;color: rgba(255,255,255,.8);margin: .3rem 0 .7rem;}

.ls1Box span{width: .32rem;height: 3px;border-radius: 50vw;background: rgba(255,255,255,.2);opacity: 1;margin: 0 .04rem 0 0;transition: .5s;}
.ls1Box span.active{ background: #fff}

.ls2{ margin: .6rem 0 0;}
.ls2 li{ position: relative; width: 33.33%; padding: 0 .7rem; position: relative;}
.ls2 .a{align-items: center;}
.ls2 li::before{ content: ""; position: absolute; top: 50%;right: 0; background: #dbdbdb; width: 1px; height: .7rem; transform: translateY(-50%); opacity: .5;}
.ls2 .time{width: .6rem;height: .6rem;border: #f5e6d6 1px solid;border-radius: 50vw 50vw 0 0;display: flex;justify-content: center;align-items: flex-end;padding: .1rem 0; text-align: center; margin: 0 .26rem 0 0; transition: .5s;}
.ls2 .txt{ flex: 1; overflow: hidden;}

.ls2 li:last-child::before{ display: none;}

.ls3Box{/* overflow: visible; */}
.ls3 li{/* transform: translateX(15vw); */padding: .3rem 0 .5rem;}
.ls3 .a{ display: block;}
.ls3 .box{ height: 2.7rem; border: #f5e6d6 1px solid; border-radius: 0 0 6.25vw 0; display: flex; flex-direction: column; justify-content: center; position: relative; z-index: 1; transition: .5s; padding: 0 .38rem; }
.ls3 h4{ margin: .2rem 0 .3rem;}
.ls3 .tit{ font-size: .16rem; color: #b5000d; margin: 0 0 0 -.08rem;}
.ls3 .top{ border-top: #eeebe0 1px dashed; padding: .3rem 0 0}
.ls3 .time{ align-items: flex-end;}
.ls3 .time h6{ font-size: .16rem; color: rgba(184,164,142,.6); transition: .5s; line-height: 1;}
.ls3 .time h3{font-size: .24rem;color: rgba(184,164,142,.6);transition: .5s;line-height: 1;margin: 0 0 -.02rem;}
.ls3 .top .ico{width: .66rem;height: .66rem;background: rgba(181,0,13,.08);border-radius: 50vw;display: flex;justify-content: center;align-items: center;position: relative;z-index: 1;transform: translate(.38rem, .2rem); opacity: 0; transition: .5s}
.ls3 .top .ico:before{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #b5000d;border-radius: 50vw;z-index: -1; transform: scale(.75); transition: .5s;}
.ls3 .top .ico i{font-size: .2rem;color: #fff;font-family: 'lib';transform: rotate(-45deg);}

.ls3Box .bottom{ position: relative; z-index: 1; justify-content: center; align-items: center;}
.ls3Box .bottom::before{ content: ""; position: absolute; top: 50%; left: 0; right: 0; height: 3px; background: #fff; border-radius: 50vw; margin: -1.5px 0 0; z-index: -1;}
.ls3Box .line{ width: 20.83vw; height: 3px; background: #b5000d; margin: 0 4vw; border-radius: 50vw;}

.ar1{ width: .5rem; height: .5rem; background: #e1c9a3; border-radius: 50vw; display: flex; justify-content: center; align-items: center; font-size: .26rem; color: #fff; font-family: 'lib'; cursor: pointer; transition: .5s;}

.index3{ background: url(../images/in3_b.jpg) center no-repeat; background-size: cover; }
.index3 .left{ width: .7rem;}
.index3 .right{ width: calc(100% - .7rem); padding: 0 0 0 1rem;}
.index3 .tit1{ margin: 0 0 1.18rem; }

.ar2Box{width: .5rem;margin: 0 0 0 .2rem;}
.ar2{ width: .5rem; height: .5rem; background: rgba(255,255,255,.2); border-radius: 50vw; display: flex; justify-content: center; align-items: center; font-size: .26rem; color: #fff; font-family: 'lib'; cursor: pointer; transition: .5s;}
.ar2.prev1{ margin: 0 0 .15rem;}

.ls4Box{padding: .4rem 0;}
.ls4 .a{ display: block; border: rgba(255,255,255,.3) 1px solid; border-radius: .2rem; padding: .45rem .3rem .62rem; transition: .5s;}
.ls4 .tit{ font-size: .16rem; color: rgba(255,255,255,.6); margin: 0 0 0 -.08rem; transition: .5s;}
.ls4 h4{color: #fff;margin: .2rem 0 .2rem;}
.ls4 .time{justify-content: flex-end;position: relative;z-index: 1;margin: 0 0 .4rem;}
.ls4 .time::before{content: "";position: absolute;bottom: .02rem;left: 0;width: 100%;height: 1px;border-bottom: rgba(228,228,228,.2) 1px dashed;z-index: -1;transition: .5s;}
.ls4 .time h6{ font-size: .2rem; color: rgba(255,255,255,.6); transition: .5s; line-height: 1; position: relative; z-index: 1;}
.ls4 .imgBox .img{ padding-bottom: 66%}

.in4-5{ background: url(../images/in4-5_b.jpg) center no-repeat; background-size: cover; }

.index4 .left, .index4 .right{ width: calc(50% - 3.6vw);}

.ls5 .a{position: relative;z-index: 1;align-items: center;height: 1.7rem;}
.ls5 .a::before{ content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: #f5e6d6 1px solid; z-index: -1; border-radius: 0 0 .6rem 0;}
.ls5 .imgBox{width: 3.8rem;display: none;}
.ls5 .imgBox .img{ padding-bottom: 56.05%}
.ls5 .txt{width: 100%;padding: 0 .22rem 0 .38rem;}
.ls5 .time{ align-items: flex-end;}
.ls5 .time h6{ font-size: .16rem; color: #b5000d; transition: .5s; line-height: 1;}
.ls5 .time h3{font-size: .24rem;color: #b5000d;transition: .5s;line-height: 1;margin: 0 0 -.02rem;}
.ls5 h4{margin: .15rem 0;}
.ls5 .bottom{ justify-content: flex-end}
.ls5 .bottom .ico{width: .46rem;height: .46rem;background: rgba(181,0,13,.08);border-radius: 50vw;display: flex;justify-content: center;align-items: center;position: relative;z-index: 1;transform: translate(.2rem, 0);transition: .5s;margin: 0 0 -.4rem;}
.ls5 .bottom .ico:before{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #b5000d;border-radius: 50vw;z-index: -1; transform: scale(.75); transition: .5s;}
.ls5 .bottom .ico i{font-size: .18rem;color: #fff;font-family: 'lib';}

.ls6{ margin: .36rem 0 0; position: relative; z-index: 1;}
.ls6 li::before{content: "";position: absolute;top: calc(101% + 1px);left: .35rem;height: .18rem;width: 1px;background: #bfb1a3;z-index: -1;border-radius: 0 0 .6rem 0;opacity: .3;}
.ls6 li{margin: 0 0 .16rem;position: relative;z-index: 1;}
.ls6 li:last-child{ margin-bottom: 0}
.ls6 .a{ align-items: center;}
.ls6 .time{ flex-direction: column; align-items: center; justify-content: center; width: .7rem; height: .7rem; border-radius: 50vw; border: rgba(195,195,195,.3) 1px solid; position: relative; z-index: 1; margin: 0 .4rem 0 0; transition: .5s;}
.ls6 .time h6{font-size: .18rem;color: #b5000d;transition: .5s;line-height: 1;}
.ls6 .time .line{ width: .48rem; height: 1px; background: #bfb1a3; opacity: .3; margin: .05rem 0; transition: .5s;}
.ls6 .time h3{font-size: .18rem;color: #b5000d;transition: .5s;line-height: 1;margin: 0 0 -.02rem;}
.ls6 .txt{ flex: 1; overflow: hidden}

.ls6 li:last-child:before{ display: none;}

.ls7{ width: 47.94%;}
.ls7 li{ margin: 0 0 .2rem}
.ls7 li:last-child{ margin: 0}
.ls7 .a{position: relative;z-index: 1;}
.ls7 .a::before{ content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: #f5e6d6 1px solid; z-index: -1; border-radius: 0 0 .6rem 0;}
.ls7 .imgBox{ width: 3.8rem;}
.ls7 .imgBox .img{ padding-bottom: 56.05%}
.ls7 .txt{padding: 0 .22rem 0 .38rem;height: 2.5rem;display: flex;flex-direction: column;justify-content: center;}
.ls7 .time{ align-items: flex-end;}
.ls7 .time h6{ font-size: .16rem; color: #b5000d; transition: .5s; line-height: 1;}
.ls7 .time h3{font-size: .24rem;color: #b5000d;transition: .5s;line-height: 1;margin: 0 0 -.02rem;}
.ls7 h4{margin: .2rem 0 .4rem;line-height: 24px;max-height: 72px\0;}
.ls7 .bottom{}
.ls7 .bottom .ico{width: .46rem;height: .46rem;background: rgba(181,0,13,.08);border-radius: 50vw;display: flex;justify-content: center;align-items: center;position: relative;z-index: 1;transition: .5s;}
.ls7 .bottom .ico:before{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #b5000d;border-radius: 50vw;z-index: -1; transform: scale(.75); transition: .5s;}
.ls7 .bottom .ico i{font-size: .18rem;color: #fff;font-family: 'lib';}

.ls8{ width: 49.31%; border: #f5e6d6 1px solid; border-radius: 0 0 .6rem 0; height: 5.2rem; padding: 0 .3rem; display: flex; flex-direction: column; justify-content: center}
.ls8 li{ padding: .35rem 0}
.ls8 .time{justify-content: flex-end;position: relative;z-index: 1;margin: .2rem 0 0;}
.ls8 .time::before{content: "";position: absolute;bottom: .02rem;left: 0;width: 100%;height: 1px;border-bottom: #eeebe0 1px dashed;z-index: -1;transition: .5s;}
.ls8 .time h6{ font-size: .2rem; color: #b5000d; transition: .5s; line-height: 1; position: relative; z-index: 1;}

.index5{ padding-top: 0 !important;}

.ls9 li{ width: 7.6rem; max-width: 100%}
.ls9 .a{display: block; transition: .5s; }
.ls9 .imgBox{ border-radius: .2rem;}
.ls9 .imgBox:after{content: "";position: absolute;right: 0;bottom: 0;left: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);z-index: 1;height: 1rem; opacity: 0; transition: .5s}
.ls9 .imgBox .img{padding-bottom: 56.18%;}
.ls9 .txt{ position: absolute; right: 0; bottom: 0; left: 0; z-index: 10; padding: 0 .3rem .25rem; opacity: 0; transition: .5s}
.ls9 h4{ color: #fff}

.ls9Box{ perspective: 1000px;}
.ls9Box .swiper-slide, .ls9Box .swiper-slide .a,.ls9Box,.ls9Box .swiper-wrapper {transform-style: preserve-3d }
.ls9Box .swiper-slide .a{ transition: .5s;}
.ls9Box .swiper-slide-active .a{transform: translate3d(0, 0, 0) rotateY(0deg);transition: .5s}
.ls9Box .swiper-slide-prev .a{transform: translate3d(1rem, 0, -2.5rem) rotateY(20deg);transition: .5s}
.ls9Box .swiper-slide-next .a{transform: translate3d(-1rem, 0, -2.5rem) rotateY(-20deg);transition: .5s}
.ls9Box .swiper-slide.pr2 .a{transform: translate3d(0, 0, -2.6rem) rotateY(35deg);transition: .5s}
.ls9Box .swiper-slide.ne2 .a{transform: translate3d(0, 0, -2.6rem) rotateY(-35deg);transition: .5s }
.ls9Box .swiper-slide.pr3 .a{ transform: translate3d(0, 0, -4.6rem) rotateY(35deg);transition: .5s; opacity: 0;}
.ls9Box .swiper-slide.ne3 .a{ transform: translate3d(0, 0, -4.6rem) rotateY(-35deg);transition: .5s; opacity: 0;}

.ls9 .swiper-slide-active .imgBox:after{ opacity: 1}
.ls9 .swiper-slide-active .txt{ opacity: 1}

.ar3{width: .5rem;height: .5rem;background: #e1c9a3;border-radius: 50vw;display: flex;justify-content: center;align-items: center;font-size: .26rem;color: #fff;font-family: 'lib';cursor: pointer;transition: .5s;position: absolute;top: 50%;transform: translateY(-50%);z-index: 10;}
.ar3.prev1{left: 11.5%;}
.ar3.next1{right: 11.5%;}

@media(min-width: 769px){
    .more1:hover i{ background: #b5000d;}

    .ls1 .a:hover .top .ico:before{ transform: scale(1);}
    
    .ls2 .a:hover .time{ background: #b5000d; border: #b5000d 1px solid;}
    .ls2 .a:hover .time h6{ color: #fff;}

    .ls3 .a:hover .box{ transform: translateY(-.3rem); background: #fff; border: #fff 1px solid; filter:drop-shadow(0px 0px .8rem rgba(161, 6, 17, 0.1))}
    .ls3 .a:hover *{ color: #b5000d}

    .ar1:hover{ background: #b5000d;}

    .index3 .tit1{ flex-direction: column}
    .index3 .tit1 .ll{display: flex;flex-wrap: wrap;margin: 0 0 .64rem;}
    .index3 .tit1 h3{color: #fff;width: .4rem;order: 1;}
    .index3 .tit1 h3 font{ color: #fff}
    .index3 .tit1 h6{writing-mode: tb-rl;width: .18rem;padding: .46rem 0 0;margin: 0 .06rem 0 0;}
    .index3 .tit1 h6:before{width: 1px;height: .36rem;top: 0;left: 50%;margin: 0 0 0 -.5px;}
    .index3 .more1{color: #fff;writing-mode: tb-rl;margin: 0 0 0 .2rem;}
    .index3 .more1 i{ margin: .1rem 0 0}

    .ar2:hover{ background: #fff; color: #b5000d}

    .ls4 .a:hover{ background: #fff; border: #fff 1px solid;}
    .ls4 .a:hover *{ color: #b5000d}
    .ls4 .a:hover .time::before{ border-bottom: #e4e4e4 1px dashed;}
    .ls4 li:hover .a{ transform: translateY(-.3rem);}

    .ls3 .a:hover .top .ico{ opacity: 1}

    .ls6 .a:hover .time{ background: #b5000d; border: #b5000d 1px solid;}
    .ls6 .a:hover .time h6, .ls6 .a:hover .time h3{ color: #fff;}
    .ls6 .a:hover .time .line{ background: rgba(255,255,255,.3);}

    .ar3:hover{ background: #b5000d;}
    
}
@media(max-width: 1025px){
    .banner .imgBox .img{ padding-bottom: 50%;}
}
@media(max-width: 769px){
    .banner .dots span{ transform: scale(.6);}
    .banner .bottom{ bottom: 0;}
    .banner:after{ height: .7rem}

    .tit1{ margin: 0 0 .25rem;}
    .tit1 h3{ font-size: .24rem;}

    .pad1{ padding: .4rem 0;}
    .more1{ font-size: .16rem;}

    .ls1 .a{ padding: 0}
    .ls1 .txt{width: 100%;padding: .25rem .2rem;}
    .ls1 .imgBox{width: 100%;margin: 0;border-radius: 0 0 .2rem 0.2rem;}
    .ls1 .txt::before{right: 0;border-radius: .2rem .2rem 0 0;}
    .ls1 .top{ padding: 0 0 .2rem; margin: 0 0 .2rem;}
    .ls1 p{ margin: .15rem 0 .4rem;}
    .ls1Box span{ width: .24rem}

    .ls2 li{width: 100%;padding: 0;margin: 0 0 .2rem;}
    .ls2 li:last-child{ margin-bottom: 0}
    .ls2 li::before{ display: none}
    .ls2{ margin: .3rem 0 0;}

    .index2{ padding-top: .1rem}
    .ls3 li{padding: 0 0 .2rem;transform: translateX(0);}
    .ls3 .box{padding: .25rem .2rem;height: 2.4rem;}
    .ls3 h4{ margin: .1rem 0 .15rem;}
    .ls3 .top .ico{ display: none;}
    .ar1{ width: .4rem; height: .4rem}

    .index3 .left{ width: 100%;}
    .index3 .right{width: 100%;padding: 0;}

    .index3 .tit1 h3{color: #fff;}
    .index3 .tit1 h3 font{ color: #fff}
    .index3 .more1{color: #fff;}
    .index3 .tit1{ margin: 0 0 .25rem; }
    .ar2Box{width: 100%;margin: 0;justify-content: center;}
    .ar2.prev1{ margin: 0 .15rem 0 0;}
    .ar2{ width: .4rem; height: .4rem}
    .ls4 .a{ padding: .25rem .2rem;}

    .ls4 .time{ margin: 0 0 .25rem;}
    .ls4Box{padding: .25rem 0 0;}

    .index4 .left, .index4 .right{ width: 100%}
    .index4 .right{ padding: .4rem 0 0}

    .ls5 .imgBox{ width: 100%;}
    .ls5 .txt{width: 100%;padding: .25rem .2rem;}
    .ls6 .time{ margin: 0 .2rem 0 0}
    .ls6 h4{white-space: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
    .ls7{ width: 100%}
    .ls7 .txt{padding: .25rem .2rem;height: auto;}
    .ls7 .bottom{ display: none}
    .ls7 h4{margin: .15rem 0 0;}
    .ls8{width: 100%;margin: .2rem 0 0;height: auto;padding: .2rem;}
    .ls8 li{ padding: .15rem 0}
    .ls8 .time{ margin: .1rem 0 0}
    .ls8 .time h6{ font-size: .16rem}

    .ar3{width: .4rem;height: .4rem;}
    .ar3.prev1{left: 1.5%;}
    .ar3.next1{right: 1.5%;}
    .ls9 .txt{padding: 0 .2rem .15rem;}

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