@charset "utf-8";

.index1{ position: relative;}
.index1 .i0{ width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100vh;}
.index1 .i4s1, .index1 .i5s1, .index1 .i6s1{mix-blend-mode: screen;}
.index1 .i2{animation: roted2 50s infinite linear;transform-origin: 40% 83.69%;}
@keyframes roted2 {
    0%{transform: rotate(0deg);}
    25%{transform: rotate(15deg);}
    50%{transform: rotate(0deg);}
    75%{transform: rotate(-15deg);}
    100%{transform: rotate(0deg);}
}

.ftop {position: fixed;z-index: 100;top: 50%;right: 2%;transform: translateY(-50%);}
.ftop ul {flex-direction: column;align-items: center;justify-content: center;}
.ftop ul li {padding: 0.1rem 0;}
.ftop ul li .a {display: flex;align-items: center;justify-content: center;width: 0.14rem;height: 0.14rem;border-radius: 50vw;transition: 0.5s;background: url(../images/ftopb1.png) center no-repeat;background-size: 100% 100% !important;}
.ftop ul li.active .a {background: url(../images/ftopb2.png) center no-repeat;}

.fp-viewing-page1 .ftop ul li.active .a, .fp-viewing-page3 .ftop ul li.active .a, .fp-viewing-page7 .ftop ul li.active .a {background: url(../images/ftopb2s.png) center no-repeat;}

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

.djs{width: 5.35rem;height: 2.54rem;position: absolute;left: 0;bottom: 0;background: url(../images/djs.png) center no-repeat;background-size: cover;flex-direction: column;justify-content: center;padding: 0 .4rem;}
.djs .tit img{height: .57rem;margin: 0 10% .06rem;}
.st1{ align-items: flex-end; gap: .1rem;text-align: center; }
.st1 .bg{text-align: center;background: url(../images/st1_b1.png) center no-repeat;background-size: cover;width: .68rem;height: .68rem;display: flex;align-items: center;justify-content: center;}
.st1 .bg .flex{font-size: .32rem;font-family: "DINPro";background: linear-gradient(180deg, #545454 50%, #010101 50%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;display: flex;align-items: center;justify-content: center;letter-spacing: -.01rem;padding-bottom: .02rem;line-height: 1;}
.st1 .bg1{ width: .8rem; height: .8rem; background: url(../images/st1_b2.png) center no-repeat;background-size: cover;}

.st1 .bg .day.flex{letter-spacing: -.03rem;padding-right: 5%;background: linear-gradient(180deg, #ce011c 50%, #900304 50%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;font-size: .36rem;}

.st1 p{ font-size: .18rem; color: #f9f3c9; font-size: .18rem; margin-top: 0.05rem; }
.mouseBox{ position: absolute; bottom: .35rem; left: 50%; transform: translateX(-50%); z-index: 1; text-align: center;}
.mouseBox .a{ flex-direction: column; align-items: center; justify-content: center;}
#mouse{ width: .5rem; height: .5rem;}
#mouse path{ fill: #f9f3c9;}
#mouse-move {animation: Tmouse 0.8s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;}
@keyframes Tmouse {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(8px);
        -moz-transform: translateY(8px);
        -ms-transform: translateY(8px);
        -o-transform: translateY(8px);
        transform: translateY(8px);
    }
}
.mouseBox span{ font-size: .18rem; color: #f9f3c9; margin: .1rem 0 0;}

.more1{font-size: .16rem;color: #a60a11;align-items: center;}
.more1 svg{fill:#a60a11;fill-rule:evenodd;width: .24rem;height: .14rem;margin: 0 .1rem 0 0;transition: .5s;}

.tit1{ align-items: flex-end; margin: 0 0 .48rem;}
.tit1 .ll img{height: .75rem;}

.index2{ background: url(../images/in2_b.jpg) center no-repeat; background-size: cover; position: relative; z-index: 1;}
.index2 .bg1{position: absolute;right: 0;bottom: 0px;left: 0;z-index: -1;pointer-events: none;}

.st2 li{ width: 33.33%;}
.st2 .a{ height: 2.4rem; border: #ccba9a 1px solid; background: rgba(255,255,255, .53); padding: 0 .4rem; flex-direction: column; justify-content: center; position: relative; z-index: 1; perspective: 500px; overflow: hidden;}
.st2 .a::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;background: url(../images/st2_b.jpg) center no-repeat;background-size: cover;transform: rotateX(60deg) scale(1);transform-origin: center bottom;transition: transform 0.5s ease, opacity 0.5s ease;opacity: 0;}
.st2 .a::after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;background: linear-gradient(180deg, rgba(146,15,21,0.9) 0%, rgba(146,15,21,0.7) 100%);opacity: 0;transition: opacity 0.5s ease;}

.st2 .top{ align-items: baseline;}
.st2 .top .ll{ align-items: baseline;}
.st2 .top .ll span{font-size: .32rem;color: #222222;font-family: "DINPro";transition: .5s;}
.st2 .top .ll i{font-size: .16rem;color: #222222;font-family: "DINPro";margin: 0 .02rem 0 0;transition: .5s;}
.st2 .top .rr{font-size: .24rem;color: #222222;transition: .5s;}
.st2 h4{margin: .15rem 0 .2rem;height: .8rem;}

.more2{font-size: .2rem;font-family: 'Noto Serif SC';font-weight: 400;transition: .5s;}

.arr1{ width: .47rem; height: .47rem; background-size: cover !important; transition: .5s; cursor: pointer;}
.arr1.prev1{ background: url(../images/arr1_p.png) center no-repeat; }
.arr1.next1{ background: url(../images/arr1_n.png) center no-repeat; }

.st2Box .bottom{ align-items: center; margin: .4rem 0 0;}
.dots1{flex: 1;margin: 0 .2rem;align-items: center;position: relative;z-index: 1;}
.dots1:before{content: "";position: absolute;top: 50%;transform: translateY(-50%);height: 1px;background: #ccba9a;left: .3rem;right: .3rem;}
.dots1 span{width: .50rem;height: .50rem;border: transparent 1px solid;border-radius: 50vw;transition: .5s;opacity: 1;background: transparent;display: flex;align-items: center;justify-content: center;margin: 0 .15rem;backdrop-filter: blur(3px);}
.dots1 span::before{ content: ""; width: .05rem; height: .05rem; background: #ccba9a; border-radius: 50vw;}
.dots1 span::after{content: "";width: .24rem;height: .24rem;border: #a60a11 1px solid;border-radius: 50vw;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);opacity: 0;transition: .5s;}

.st2Box .dots .line{flex: 1;height: 1px;background: #ccba9a;pointer-events: none;}
.dots1 span.active:after{opacity: 1;}
.dots1 span.active::before{ background: #9a0102;}

.dots1 .line:last-child{ display: none;}

.index3{ background: url(../images/in3_b.jpg) center no-repeat; background-size: cover;}

.slides1 .hd{ align-items: baseline; margin: 0 0 .5rem;}
.slides1 .hd ul{ gap: .84rem;}
.slides1 .hd ul .a{font-size: .32rem;color: #fff;font-family: 'Noto Serif SC';font-weight: 400; padding: .06rem 0 0; line-height: 1; transition: .5s; position: relative;}

.slides1 .hd ul li.on .a{color: #fffbdd;font-weight: 600;background: url(../images/slides1_b.svg) left top no-repeat;background-size: 100% auto;}


.more1w{ color: #fff;}
.more1w svg{ fill: #fff;}

.slides1Bd{ overflow: visible}

.st3W{position: relative;z-index: 1;margin-bottom: -7vw;}
.st3W::before{content: "";position: absolute;top: 0;bottom: 0;left: 50%;transform: translateX(-50%);background: url(../images/in2_l.svg) center bottom no-repeat;background-size: 100% auto;width: 100vw;}
.st3 .box{position: relative;background: #fff;padding: 0;margin: 0 0 0 .18rem;z-index: 1;}
.st3 .box::before{content: "";position: absolute;top:0;right: 0;bottom: 0;left: 0;background: linear-gradient( 135deg, rgb(194,35,40) 0%, rgb(208,13,20) 100%);z-index: -1;opacity: 0;transition: .5s;}
.st3 .box::after{content: "";position: absolute;top: calc(100% - 1px);border-left: #fff .2rem solid;border-bottom: transparent .22rem solid;transition: .5s;}
.st3 .top { border-bottom: #eeedeb 1px solid; padding: .33rem .22rem;}
.st3 .top1{ height: 1rem; display: flex; align-items: center; padding: 0 .22rem;}
.st3 li{padding-bottom: 10.875vw;}
.st3 .a{ display: block; transition: .5s}
.st3 .time{background: url(../images/st3_t.png) center no-repeat;background-size: cover;width: .8rem;height: .8rem;transition: .5s;text-align: center;margin: 0 .2rem 0 0;align-items: center;}
.st3 .time h6{font-size: .16rem;color: #fff;font-family: "DINPro";height: .3rem;padding: .06rem 0 0;transition: .5s;}
.st3 .time h3{font-size: .32rem;color: #bb1313;font-family: "DINPro";transition: .5s;}
.st3 .txt{flex: 1;overflow: hidden;padding: .06rem 0 0;}
.st3 h4{ line-height: .32rem}
.st3 .top2{flex-direction: column;width: .44rem;height: 1.7rem;align-items: center;}
.st3 .ico{margin: .5rem 0 .15rem;width: .44rem; transition: .5s;}
.st3 .ico img{ width: 100%}
.st3 .line{ flex: 1; height: 0; border-right: #c78777 1px dashed;}
.st3 .ico1{width: .24rem;height: .06rem;position: relative;background: linear-gradient( 90deg, rgb(255,212,133) 0%, rgb(255,249,231) 47%, rgb(255,212,133) 100%);border-radius: 50%;}

.st3 .ico1:before{content: "";display: block;position: absolute;left: 50%;top: 50%;z-index: -1;border-radius: 50%;background: linear-gradient( 90deg, rgb(255,212,133) 0%, rgb(255,249,231) 47%, rgb(255,212,133) 100%);transform: translate(-50%, -50%);display: none;}
.st3 .ico1:before{width: 80%;height: 80%;animation: breathing1 3.5s infinite ease-in-out;}
@keyframes breathing1 {
    0% {
        width: 80%;
        height: 80%;
        opacity: 1;
    }
    50% {
        width: 180%;
        height: 180%;
        opacity: 0.5;
    }
    100% {
        width: 80%;
        height: 80%;
        opacity: 1;
    }
}

.section{ overflow: hidden;}
.kBox {height: .5rem;}

.arr2Box{position: absolute;right: 0;left: 0;bottom: 3vw;align-items: center;justify-content: center;gap: 19vw;z-index: 2;}
.arr2{ width: .47rem; height: .47rem; background-size: cover !important; transition: .5s; cursor: pointer;}
.arr2.prev1{ background: url(../images/arr2_p.png) center no-repeat; }
.arr2.next1{ background: url(../images/arr2_n.png) center no-repeat; }

.index3 .box2{ align-items: flex-start;}
.index3 .box2 .left{ width: 8rem;}
.index3 .box2 .right{ width: calc(100% - 8rem - .9rem);}

.st4 .imgBox .img{ padding-bottom: 56.375%;}
.st4 .top{ margin: .2rem 0 .06rem;}
.st4 .top .ll{ align-items: baseline;}
.st4 .top .ll span{font-size: .32rem;color: #fff;font-family: "DINPro";transition: .5s;}
.st4 .top .ll i{font-size: .16rem;color: #fff;font-family: "DINPro";margin: 0 .02rem 0 0;transition: .5s;}
.st4 h4{ color: #fff !important;}

.st5W{ position: relative; z-index: 1}
.st5W::before{content: "";position: absolute;top: -.35rem;bottom: -.35rem;left: .24rem;width: 1px;background: #fffbdd;}
.st5Box{ height: 5.4rem; padding: 0 0 0 .24rem;}
.st5 li{ border-bottom: #fffbdd 1px solid;}
.st5 .a{align-items: center;height: 100%;position: relative;z-index: 1;}
.st5 .a:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: auto;width: 0;transition: .5s;background: #fffbdd;opacity: 0;}
.st5 .top{width: 1.2rem;text-align: right;margin: 0 .4rem 0 0;}
.st5 .top .ll{align-items: baseline;justify-content: flex-end;line-height: 1;}
.st5 .top .ll span{font-size: .32rem;color: #fff;font-family: "DINPro";transition: .5s;}
.st5 .top .ll i{font-size: .16rem;color: #fff;font-family: "DINPro";margin: 0 .02rem 0 0;transition: .5s;}
.st5 .top h6{font-size: .18rem;color: #fff;font-family: "DINPro";margin: .06rem 0 0;}
.st5 .txt{ flex: 1; overflow: hidden;}
.st5 h4{color: #fff !important;height: .8rem;}

.st5W .arr2{position: absolute;z-index: 2;left: 0;bottom: -.8rem;transform: rotate(90deg);}
.st5W .arr2.prev1{top: -.8rem;}

.index4{ background: url(../images/in4_b.jpg) center no-repeat; background-size: cover; position: relative; z-index: 1;}
.st6{padding: 0 25% 0 0;position: relative;z-index: 1;}
.st6 li{ width: 33.33%;}
.st6 .a{display: block;position: relative;}
.st6 .a .box{ transition: .5s;}
.st6 .imgBox .img{padding-bottom: 2.6rem;background: transparent;}
.st6 .txt{position: absolute;top: 0;right: 0;bottom: 0;left: 0;flex-direction: column;align-items: center;justify-content: center;}
.st6 .ico img{ width: .56rem; transition: .5s}
.st6 h4{font-size: .24rem;color: #fff !important;margin: .14rem 0 0;text-align: center;padding: 0 .2rem;}

.st6 li:nth-child(2){transform: translateY(-2.6rem);}
.st6 li:nth-child(4){transform: translate(100%, -2.6rem);}
.st6 li:nth-child(5){transform: translateX(100%);}

.st6 li:nth-child(1) .a{ transition-delay: .1s !important}
.st6 li:nth-child(2) .a{ transition-delay: .2s !important}
.st6 li:nth-child(3) .a{ transition-delay: .3s !important}
.st6 li:nth-child(4) .a{ transition-delay: .4s !important}
.st6 li:nth-child(5) .a{ transition-delay: .5s !important}

.index4 .content{margin-bottom: -1rem;}

.st7{align-items: flex-start;margin: -2.6rem 0 0;}
.st7 li{ width: 50%;}
.st7 li:nth-child(1) .imgBox .img{ padding-bottom: 2.6rem;}
.st7 li:nth-child(2) .imgBox .img{ padding-bottom: 5.2rem;}
.st7 li:nth-child(2){ margin: -5.2rem 0 0;}

.index5 .tit1.ar_wap{ display: none;}

.index5 .left{width: 1.6rem;padding: 0 .4rem 0 0;}
.index5 .tit1.ar_web{flex-direction: column;align-items: center;margin-bottom: 0;}
.index5 .tit1.ar_web .ll img{ height: auto;}
.index5 .tit1.ar_web .more1 svg{transform: rotate(90deg);margin: 0 0 .1rem 0;}
.index5 .tit1.ar_web .more1{writing-mode: tb-rl;flex-wrap: wrap;margin: 2.8rem 0 0;}

.index5 .right{ width: calc(100% - 1.6rem);}
.slides2 .hd{ margin-bottom: .38rem;}
.slides2 .hd ul{ justify-content: center; gap: .22rem;}
.slides2 .hd ul .a{ width: 1.99rem; height: .61rem; background: url(../images/slides2.png) center no-repeat; background-size: cover; justify-content: center; align-items: center; font-size: .24rem; color: #a60a11; font-family: 'Noto Serif SC';font-style: normal;font-weight: 600; opacity: .5; transition: .5s;}

.slides2 .hd ul li.on .a{ opacity: 1; font-size: .32rem;}

.slides2Bd{ position: relative;}
.slides2Bd .swiper-slide1{ transform:scale(0); visibility: hidden; height:0}
.slides2Bd .swiper-slide1.active{ transform:scale(1); visibility: visible; height:auto}


.index5 .right .box1{ align-items: flex-start}
.st8W{ width: calc(100% - 7.8rem); padding: .7rem 1.3rem 0 0;}
.st8 .top{ align-items: baseline;}
.st8 .top .ll{ align-items: baseline;}
.st8 .top .ll span{font-size: .32rem;color: #222222;font-family: "DINPro";transition: .5s;}
.st8 .top .ll i{font-size: .16rem;color: #222222;font-family: "DINPro";margin: 0 .02rem 0 0;transition: .5s;}
.st8 h4{ font-size: .32rem; line-height: 1.75; margin: .2rem 0 .15rem;}
.st8 p{ font-size: .18rem; color: #222; line-height: 1.75;}


.st9W{ width: 7.8rem; position: relative;}
.st9W .line{position: absolute;top: 50%;right: calc(100% - .9rem);width: 1.97rem;}
.st9W .line img{ width: 1.97rem;}
.st9Box{ position: relative;}
.st9 li{width: 4.5rem}
.st9 .imgBox .img{padding-bottom: 133.55%;background: #a60a11;}

.arr3Box{ position: absolute; bottom: 0; left: -1rem; z-index: 1;}
.arr3{width: 1rem;height: 1rem;background: #d7b98c;align-items: center;justify-content: center;position: relative;z-index: 1;cursor: pointer;}
.arr3::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background-image: linear-gradient( 135deg, rgb(140,2,3) 0%, rgb(208,13,20) 100%); opacity: 0; transition: .5s;}
.arr3.next1{ border-left: rgba(255,255,255,.2) 1px solid}

.index5{ background: url(../images/in5_b.jpg) center no-repeat; background-size: cover; position: relative; z-index: 1;}
.index5 .bg1{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/sidai.png) center top no-repeat; background-size: 100% auto; z-index: -1;}

.more3{ display: flex; width: 1.58rem; height: .48rem; border: #8c0203 1px solid; justify-content: center; align-items: center; margin: .4rem 0 0; font-size: .2rem; color: #a60a11; font-family: 'Noto Serif SC';font-weight: 400;transition: .5s;}

.index6{ background: url(../images/in6_b.jpg) center no-repeat; background-size: cover;}

.tit1c{ position: relative; justify-content: center;}
.tit1c .more1{ color: #fffbdd; position: absolute; bottom: 0; right: 0; z-index: 1; transition: .5s;}
.tit1c .more1 svg{fill:#fffbdd;}

.index6 .content{ min-height: 6.4rem; position: relative; z-index: 1; padding: .7rem .4rem 0;}
.index6 .content::before{ content: ""; position: absolute; top: 0; right: 0; left: 0; background: url(../images/in6_b1.png) center top no-repeat; background-size: 100% auto; height: 100vh; z-index: -1;}

.st10W{ position: relative; z-index: 1;}
.st10W::before{content: "";position: absolute;top: .2rem;bottom: .2rem;left: 50%;border-left: #ccba9a 1px dashed;}
.st10W .arr1{position: absolute;z-index: 2;left: 50%;bottom: -.27rem;transform: rotate(90deg);margin-left: -.23rem;}
.st10W .arr1.prev1{top: -.27rem;}
.st10Box{ height: 4.6rem;}
.st10 .con{ align-items: center; height: 100%;}
.st10 .a{width: calc(50% - .4rem);height: 100%;align-items: center;background-image: linear-gradient( 90deg, rgb(255,255,255) 3%, rgb(251,232,216) 100%);border: #ccba9a 1px solid;border-radius: 50vw;padding: .2rem .3rem .2rem .2rem;}
.st10 .imgBox{width: 1rem;border-radius: 50vw;margin: 0 .22rem 0 0;}
.st10 .imgBox .img{ padding-bottom: 100%;}
.st10 .txt{ flex: 1; overflow: hidden}
.st10 .name{ align-items: center}
.st10 .name .ll{font-size: .24rem;color: #a60a11;font-weight: 600;flex: 1;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;}
.st10 .name .rr{font-size: .16rem;color: #a60a11;margin: 0 0 0 .15rem;}
.st10 p{margin: .15rem 0 0;font-size: .18rem;color: #222222;line-height: 1.5}

.st10 li.swiper-slide-active + li .con{ transition-delay: .2s !important;}
.st10 li.swiper-slide-active + li + li .con{ transition-delay: .4s !important;}

.more4{width: 2.4rem;height: .6rem;align-items: center;justify-content: center;font-size: .24rem;color: #fffbdd !important;transition: .5s;margin: .6rem auto 0;background: linear-gradient(334deg, #d00d14, #8c0203, #d7b98c);background-size: 300% 300%;animation: gradient-animation 6s ease infinite;border-radius: 50vw;}
@keyframes gradient-animation {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.index7{ background: url(../images/in7_b.jpg) center no-repeat; background-size: cover;}

.index7 .left{width: calc(100% - 4rem - .54rem);}
.index7 .right{ width: 4rem;}

.st11Box{ position: relative; z-index: 1}
.st11 .a:before{content: "";position: absolute;width: 4.8rem;height: 4.8rem;background: linear-gradient(315deg, rgb(140, 2, 3) 0%, rgb(208, 13, 20) 100%);border-radius: 50vw;top: 50%;transform: translateY(-50%);right: 2.1rem;z-index: 1;}
.st11 .a{align-items: flex-start;padding: 0 .66rem 0 0;position: relative;z-index: 2;}
.st11 .imgBox{width: 5.6rem;border: #fff .08rem solid;border-radius: 50vw;order: 1;position: relative;z-index: 1;}
.st11 .imgBox .img{ padding-bottom: 100%; }
.st11 .txt{width: calc(100% - 5.6rem - 1.1rem);padding: 1.6rem 0 0;}
.st11 .tit{font-size: .32rem;color: #222222;position: relative; }
.st11 .line{height: 1px;background: #ccba9a;width: 100%;position: absolute;top: 2.25rem;}
.st11 .line:after{content: "";position: absolute;top: -.02rem;background: #ccba9a;width: .05rem;height: .05rem;right: 0;border-radius: 50%}
.st11 .line .bg{width: 100%;height: 1px;position: absolute;top: 0;left: 0;}
.st11 .line .bg:before{content: "";position: absolute;top: -.02rem;background: #ccba9a;width: .05rem;height: .05rem;left: .64rem;border-radius: 50%}
.st11 .line .bg:after{content: "";position: absolute;top: -.02rem;background: #ccba9a;width: .05rem;height: .05rem;left: 4rem;border-radius: 50%}
.st11 h4{margin: .5rem 0 .12rem;}
.st11 p{ color: #222222;}

.index7 .wp.flexjs{ align-items: center;}
.index7 .right h4{ font-size: .32rem; color: #222222; margin: 0 0 .2rem;}
.index7 .right p{ font-size: .18rem; color: #222222; line-height: 1.75; margin: 0 0 .2rem;}

.st12{ width: 100%; gap: .2rem; padding: .1rem 0 .5rem;}
.st12 li{ flex: 1; overflow: hidden; text-align: center;}
.st12 .ico{ width: 100%; border: #ccba9a 1px solid; padding: .1rem;}
.st12 .ico img{ width: 100%;}
.st12 h6{ font-size: .14rem; color: #222222; line-height: 1.5; margin: .06rem 0 0;}

@media(min-width: 769px){
    .more1:hover svg{ transform: rotate(90deg)}
    .st2 .a:hover::before{ opacity: 1}
    .st2 .a:hover *{ color: #fff !important}
    .st2 .a:hover::before{transform: rotateX(0deg) scale(1);opacity: 1;}
    .st2 .a:hover::after{opacity: 1;}
    
    .arr1.prev1:hover{ background: url(../images/arr1_ps.png) center no-repeat;}
    .arr1.next1:hover{ background: url(../images/arr1_ns.png) center no-repeat;}

    .arr2.prev1:hover{ background: url(../images/arr2_ps.png) center no-repeat;}
    .arr2.next1:hover{ background: url(../images/arr2_ns.png) center no-repeat;}
    .st3 .a:hover .box::before{ opacity: 1}
    .st3 .a:hover .box::after{border-left: #c81b20 .2rem solid;}
    .st3 .a:hover *{ color: #fff}
    .st3 .a:hover .time{background: url(../images/st3_ts.png) center no-repeat;background-size: cover;}
    .st3 .a:hover .time h6{ color: #c81b20}
    .st3 .a:hover .ico1:before{ display: block}

    .st5 .a:hover:before{ left: 0; right: auto; width: 100%; opacity: .3}
    
    .st6 li:hover{ position: relative; z-index: 2}
    .st6 .a:hover .box{ transform: scale(1.06); box-shadow: 0px 10px 7.36px 0.64px rgba(86, 8, 10, 0.24);}
    .st6 .a:hover .ico img{ transform: rotateY(360deg)}

    .arr3:hover::before{ opacity: 1;}
    .more3:hover{ color: #fff; background: #a60a11;}

    .more4:hover{ letter-spacing: .02rem;}

	.st3 li.swiper-slide-active .a, .st3 li.swiper-slide-active+li+li .a{ transform: translateY(3.645vw);}
	.st3 li.swiper-slide-active+li .a{ transform: translateY(.5vw);}
	.st3 li.swiper-slide-active+li+li .a{ transform: translateY(3.875vw);}

    .st3 .a:hover .ico{ transform: rotateY(360deg);}
}
@media(max-width: 992px){
    
}
@media(max-width: 769px){
	.ftop{ display: none}

    .section, .fp-tableCell { height: auto !important;}

    .mouseBox{ display: none;}

    .index1{height: 60vw !important;}

    .djs{transform: scale(.35);transform-origin: left bottom;}
	.tit1{ margin: 0 0 .24rem;}
	.tit1 .ll img{height: .4rem;}
	.more1{ font-size: .14rem}
	.more1 svg{width: .2rem;height: .1rem;}

	.st2 li{ width: 50%;}
	.st2 .a{padding: 0 15px;height: 1.25rem;}
	.st2 .top .ll span{font-size: .2rem;}
	.st2 .top .ll i{ font-size: .14rem}
	.st2 .top .rr{ font-size: .16rem}
	.st2 h4{margin: .06rem 0 0;height: .8rem;}
	.more2{ font-size: .14rem}
	.kBox{ display: none}

	.section{ padding: .4rem 0}
	.dots1 span{ width: .3rem; height: .3rem}
	.dots1 span::after{ width: .15rem; height: .15rem}
	.st2Box .bottom{ margin: .25rem 0 0}
	.st2 .more2{ display: none}
	.slides1 .hd ul{ gap: .15rem;}
	.slides1 .hd ul .a{font-size: .2rem;}
	.slides1 .hd{margin: .15rem 0 .25rem;}
	.st3 .top{padding: .15rem .2rem;}
	.st3 .ico{width: .24rem;margin: .3rem 0 .1rem;}
	.st3 .top2{height: .9rem;}
	.st3 .ico1{ transform: scale(.7)}

    .index3 .box2 .left{ width: 100%;}
    .index3 .box2 .right{width: 100%;margin: .8rem 0;}
	.st5Box{height: 3rem;padding: 0 0 0 .18rem;}
	.st5 .top{width: .8rem; margin: 0 .25rem 0 0;}
	.st5 .top .ll span{font-size: .22rem;}
	.st5 .top .ll i{font-size: .14rem;}
	.st5 h4{ height: .56rem !important}
    .st5W::before{top: -.16rem;bottom: -.16rem;left: .18rem;}
	.arr1, .arr2{ width: .36rem; height: .36rem;}
	.st5W .arr2.prev1{top: -.5rem;}
	.st5W .arr2.next1{bottom: -.5rem;}
	.st5 .top h6{font-size: .15rem;}

    .st6{ padding: 0;}
    .st6 li{ width: 50%;}
	.st6 li:nth-child(2){transform: translateY(0);}
	.st6 li:nth-child(4){transform: translate(0, 0);}
	.st6 li:nth-child(5){transform: translateX(100%);}
	.st6 .imgBox .img{padding-bottom: 1.4rem}
	.st7{align-items: flex-start;margin: -1.4rem 0 0;}
	.st7 li{ width: 50%;}
	.st7 li:nth-child(1) .imgBox .img{padding-bottom: 1.4rem;}
	.st7 li:nth-child(2) .imgBox .img{ padding-bottom: 2.4rem;}
	.st7 li:nth-child(2){ margin: -2rem 0 0;}
	.index4 .content{margin-bottom: 0;}
    .st6 .ico img{ width: .36rem;}
    .st6 h4{font-size: .18rem; margin: .08rem 0 0}
	.st3 .box{ padding: 0 0;}
	.st3 li{padding-bottom: 6.875vw;}
	.st3Box{ margin-left: -15px}
	.st3 .top1{ height: .8rem}
	.arr2Box{ bottom: 10vw}
    .index5 .tit1.ar_web{ display: none;}
    .index5 .tit1.ar_wap{display: flex;}
	.index5 .bg1{ display: none;}
	.index5 .right{ width: 100%;}

	.slides2 .hd ul{ gap: 14px;}
	.slides2 .hd ul .a{width: 1.4rem;height: .42rem;font-size: .2rem;}
	.slides2 .hd ul li.on .a{ font-size: .22rem;}
	.slides2 .hd{ margin-bottom: .25rem;}
    .st8W{width: 100%;padding: 0 0;}
    .st9W{ transform: scale(.75); transform-origin: left;}
    .arr3Box{ left: 0;}
    .st8 .top .ll span{ font-size: .26rem;}
    .st8 h4{ margin: .1rem 0 .1rem;}
    .more3{width: 1.2rem;height: .4rem;font-size: .16rem;margin: .25rem 0 0;}
    .st10 .a{width: 100%;height: 44%;padding: .1rem .2rem .1rem .1rem;}
    .index6 .content{padding: .35rem 15px 0;}
	.st10 .imgBox{width: .5rem;margin: 0 .1rem 0 0;}
	.st10 .name .ll{ font-size: .16rem}
	.st10 .name .rr{font-size: .13rem;}

    .st10Box{height: 4.6rem;}
	.st10 p{margin: .05rem 0 0}
	.st10W{margin: 40px 0;}
	.st10W .arr1{bottom: -.5rem;margin-left: -.17rem;}
	.st10W .arr1.prev1{top: -.5rem;}
    .st10W::before{top: -13px;bottom: -13px;}
	.more4{width: 1.6rem;height: .44rem;font-size: .18rem;}
	.more4{ margin: .8rem auto 0}

	.index7 .left{ width: 100%}
	.index7 .right{width: 100%;margin: .3rem 0 0;}
    .st11 .a{padding: 0;align-items: center;}
    .st11 .imgBox{width: 1.8rem;margin: 0;}
    .st11 .txt{width: 100%;width: calc(100% - 1.8rem - .2rem);}
    .st11 .txt{padding: 0 0 .2rem;order: 1;}
    .st11 .a:before{ display: none;}
    .st11 .line{ display: none;}
	.st11 h4{margin: .15rem 0 .12rem;}
	.st11 .tit{font-size: .24rem;}
	.st11 p{ display: none}
	.index7 .right h4{font-size: .24rem;margin: 0 0 .12rem;}
	.index7 .right p{font-size: .16rem;margin: 0 0 .12rem;}
	.index7 .right p br{ display: none}
	.st12{ padding: .1rem 0 .25rem;}
    .st4 .top .ll span{ font-size: .24rem;}
} 
@media(max-width: 560px){
    .st9W{transform: scale(.5);transform-origin: left;margin: -1.25rem 0;}
} 

footer{position: absolute;right: 0;bottom: 0;left: 0;padding: .1rem 0;text-align: center;z-index: 10;}
footer p{ font-size: .14rem; color: #c79b78; line-height: 1.5; padding: 0 15px;}
footer p a{color: #c79b78;}
@media(max-width: 769px){
    .index6{ padding-bottom: .8rem; }
}