@charset "utf-8";
.header .topnav ul li .sub-nav .sub-nav-h{ box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.08);}
.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.4) 100%);z-index: 1;height: 1.5rem;}
.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;background: none;}
.banner .imgBox .img img{ 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);
    }
    100% {
        transform: scale(1.06);
    }
}

.banner .dots{position: absolute;bottom: .25rem;display: flex;left: 50%;z-index: 2;justify-content: center;width: auto;transform: translateX(-50%); align-items: center}
.banner .dots span{width: .78rem;height: .78rem;margin: 0 !important;opacity: 1;position: relative;background: transparent; transition: .5s;}
.banner .dots span::before{content: "";position: absolute;top: 50%;left: 50%;width: .08rem;height: .08rem;background: rgba(255, 255, 255, 0.5);transform: translate(-50%, -50%);transition: opacity .5s;border-radius: 50vw;}
.banner .dots span::after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/ba_d.svg) center no-repeat;background-size: 100% auto;opacity: 0;transition: opacity 2s, transform 2s;transform: scale(.5);}
.banner .dots span.active{margin: 0 .34rem !important;}
.banner .dots span.active::before{ opacity: 0;}
.banner .dots span.active::after{ opacity: 1; transform: scale(1);}

.banner .dots span i.i1{position: absolute;top: 0;right: .3rem;bottom: 0;left: .3rem; margin: -1px 0 0;}
.banner .dots span i.i1::before{content: "";position: absolute;top: 50%;border-bottom: 1px dashed rgba(255, 255, 255, 0.3);width: .28rem;height: 0;right: calc(100% + .05rem);}
.banner .dots span i.i1:after{content: "";position: absolute;top: 50%;border-bottom: 1px dashed rgba(255, 255, 255, 0.3);width: .28rem;height: 0;left: calc(100% + .05rem);}
.banner .dots span i.i2{position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/ba_d1.svg) center no-repeat;background-size: 100% auto;opacity: 0;transition: .5s;animation: roted 10s infinite linear;}
.banner .dots span:first-child i::before, .banner .dots span:last-child i::after{ display: none}
.banner .dots span.active i.i1{ left: 0; right: 0}
.banner .dots span.active i.i2{ opacity: 1}

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

.tit1{ align-items: center; margin-bottom: .4rem;}
.tit1 .ll{ align-items: center;}
.tit1 .ll1{font-size: .7rem;color: #A32324;font-family: yuweij;line-height: 1;letter-spacing: -.1rem;}
.tit1 .rr1{flex-direction: column;justify-content: center;margin: 0 0 0 .1rem;}
.tit1 .rr1 p{font-size: .15rem;color: #999999;line-height: 1;}
.tit1 .rr1 big{font-size: .36rem;color: #222222;font-family: 'Noto Serif SC';font-style: normal;line-height: 1;margin: .04rem 0;}
.tit1 .rr1 small{font-size: .12rem;color: #999999;font-family: 'Noto Serif SC';font-style: normal;line-height: 1;text-transform: capitalize;}

.more1{font-size: .18rem;color: #B62700;align-items: center;}
.more1 img{ width: .28rem; margin: 0 0 0 .12rem}

.more2{font-size: .17rem;color: #B62700;align-items: center;font-family: 'Noto Serif SC';font-style: normal;font-weight: 200;line-height: 1;transition: .5s;}
.more2 span{display: block;position: relative;padding: .06rem .1rem .07rem;}
.more2 span:before{content: "";position: absolute;top: 0;left: 0;width: 50%;height: 1px;background: rgba(182, 39, 0, 0.2);transition: .5s}
.more2 span:after{content: "";position: absolute;bottom: 0;right: 0;width: 50%;height: 1px;background: rgba(182, 39, 0, 0.2);transition: .5s}
.more2 img{width: .26rem;margin: 0 0 0 .02rem;transform: translateY(-.04rem);}

.home1{background: url(../images/ho1_b.jpg) center top no-repeat;background-size: 100% auto;padding: .8rem 0 0;}
.home1 .left{width: 8.8rem;}
.home1 .right{width: calc(100% - 8.8rem - .66rem);}

.home1 .left1{width: calc(100% - 3.5rem - .45rem);}
.home1 .right1{width: 3.5rem;}
.home1 .wp1{margin-top: .52rem;align-items: center;}


.lt1 .a{ position: relative; z-index: 1; display: block;}
.lt1 .imgBox:after{content:"";position: absolute;right: 0;bottom: 0;left: 0;background: linear-gradient(180deg, #00000000 0%, #00000099 83%);z-index: 1;height: 1rem;}
.lt1 .imgBox .img{padding-bottom: 59.65%;}
.lt1 .txt{position: absolute;right: 0;bottom: 0;left: 0;z-index: 1;padding: 0 .36rem .25rem;align-items: flex-end;}
.lt1 .con{ flex: 1; overflow: hidden;}
.lt1 h4{ font-size: .22rem; color: #fff !important;margin: .04rem 0 0;}
.lt1 h6{font-size: .18rem;color: #fff}
.lt1 .dots{width: auto;margin: .05rem 0 .05rem .15rem;gap: .15rem;position: relative;z-index: 1;}
.lt1 .dots:before{content: "";position: absolute;top: 50%;left: .1rem;right: .1rem;height: 1px;background: url(../images/dots1_b.png) left center repeat-x;margin-top: -.5px;}
.lt1 .dots span{width: .22rem;height: .22rem;border-radius: 50%;margin: 0 !important;position: relative;z-index: 1; transition: background-color .5s}
.lt1 .dots span::before{content: "";position: absolute;top: 50%;left: 50%;width: .07rem;height: .07rem;background: #fff;transform: translate(-50%, -50%);transition: opacity .5s;border-radius: 50vw;}
.lt1 .dots span::after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/dots1.svg) center no-repeat;background-size: 100% 100%;opacity: 0;transition: .5s;animation: roted 10s infinite linear;}
.lt1 .dots span.active{margin: 0 .1rem !important;backdrop-filter: blur(3px);}
.lt1 .dots span.active::before{ opacity: 0; }
.lt1 .dots span.active::after{ opacity: 1; }

.tit2{background: url(../images/tit2.jpg) center no-repeat;background-size: cover;width: 1.24rem;height: 1.84rem;flex-direction: column;padding: .24rem .2rem .24rem .12rem;justify-content: space-between;}
.tit2 .ll1{font-size: .5rem;color: #FFEBB8;font-family: yuweij;line-height: 1;letter-spacing: -.1rem;}
.tit2 .rr1{font-size: .32rem;color: #fff;font-family: 'Noto Serif SC';font-style: normal;line-height: 1;margin: -.03rem 0 0;text-align: right;}

.more3{font-size: .17rem;color: #FFEBB8;align-items: center;font-family: 'Noto Serif SC';font-style: normal;line-height: 1;transition: .5s;justify-content: center;}
.more3 img{width: .26rem;margin: 0 0 0 .08rem;transform: translateY(-.02rem);transition: .5s;}

.lt2{display: grid;grid-template-columns: repeat(3, 1fr);gap: .24rem;width: calc(100% - 1.24rem - .28rem);}
.lt2 li{min-width: 0;position: relative;overflow: hidden;transform: perspective(2500px) rotateY(0);}
.lt2 .a1{display: flex;flex-direction: column;justify-content: space-between;position: absolute;top: 0;right: 0;bottom: 0;left: .02rem;border: 1px solid rgba(5, 67, 149, 0.1);padding: .32rem .26rem .26rem;background: #fff;}
.lt2 .a1 h4{padding: 0 0 0 .26rem;margin-left: -.28rem;position: relative;width: calc(100% + .28rem);}
.lt2 .a1 h4:before{content: "";position: absolute;top: .05rem;left: 0;bottom: .05rem;width: 3px;background: #18C7B9}
.lt2 .a1 h6{ align-items: center}
.lt2 .a1 h6 span{background: url(../images/lt2_b.png) center no-repeat;background-size: cover;width: 1.01rem;height: .3rem;display: flex;justify-content: center;align-items: center;}

.lt2 .a2{position: relative;display: block;opacity: 0;transition: .5s ease;transform: perspective(300px) rotateY(15deg);transform-origin: left;}
.lt2 .a2 .imgBox:after{content:"";position: absolute;right: 0;bottom: 0;left: 0;background: linear-gradient(180deg, #00000000 0%, #00000099 83%);z-index: 1;height: 1rem;}
.lt2 .a2 .imgBox .img{ padding-bottom: 1.84rem}
.lt2 .a2 .txt{position: absolute;right: 0;bottom: 0;left: 0;z-index: 1;padding: 0 .2rem .1rem;align-items: flex-end;}
.lt2 .a2 .txt h6{ color: #fff}
.lt2 .a2 .txt h4{ font-size: .19rem; color: #fff !important;margin: .03rem 0 0;}

.lt3 li{margin-bottom: .25rem;border-bottom: 1px solid rgba(5, 67, 149, 0.1);}
.lt3 li:last-child{ margin-bottom: 0}
.lt3 .a{display: block;position: relative;padding: 0 0 .27rem;}
.lt3 .a::after{content: "";position: absolute;left: 0;bottom: -1px;width: .46rem;height: 2px;background: #EF843D;transition: .5s;}
.lt3 h6{margin: .06rem 0 0 0;font-size: .18rem;}

.lt4{justify-content:center;margin: .44rem 0 .54rem;gap: .74rem;}
.lt4 li{ text-align: center;}
.lt4 .a{ display: flex; align-items: center}
.lt4 .ico{width: .82rem;height: .82rem;border-radius: 50vw;border: 1px dashed #C54E2B;position: relative;z-index: 1;transition: .5s;}
.lt4 .ico:before{content: "";position: absolute;top: -1px;right: -1px;bottom: -1px;left: -1px;background: #B62700;transition: .5s;border-radius: 50vw;transform: scale(.5);opacity: 0;}
.lt4 .ico img{width: 100%;height: 100%;transition: .5s;}
.lt4 .ico svg{position: absolute;left: 50%;width: .92rem;bottom: -.06rem;transform: translateX(-50%);mask: linear-gradient(0deg, transparent -10%, #fff 80%);}
.lt4 h4{margin: 0 0 0 .2rem;flex: 1;overflow: hidden;}

/* 花瓣生长动画 - 由小到大 */
.lt4 .ico svg path{transform-origin: center bottom;transition: transform .8s ease, opacity .5s ease;opacity: 0;}
.lt4 .ico svg path:nth-child(1){transition-delay: .1s;transform: scale(.3) rotate(50deg);}
.lt4 .ico svg path:nth-child(2){transition-delay: .18s;transform: scale(.4) rotate(36deg);}
.lt4 .ico svg path:nth-child(3){transition-delay: .24s;transform: scale(.5) rotate(0deg);}
.lt4 .ico svg path:nth-child(4){transition-delay: .16s;transform: scale(.4) rotate(-36deg);}
.lt4 .ico svg path:nth-child(5){transition-delay: .08s;transform: scale(.3) rotate(-50deg);}


.home3{padding: 0; position: relative; z-index: 1;}
.home3::before{content: "";position: absolute;top: 0;right: 0;bottom: .6rem;left: 0;background: url(../images/ho3_b.webp) center no-repeat;background-size: cover;background-attachment: fixed;z-index: -1;}

.shadow{ display: none;}

.mtabs2 .lt6 li{ opacity: 0 !important; visibility: hidden !important;}
.mtabs2 .lt6 li.swiper-slide-active{ opacity: 1 !important; visibility: visible !important;}

.tit3{ margin: .38rem 0 .2rem;}
.tit3 span{width: 1.73rem;height: .49rem;background: url(../images/tit3_b.svg) center no-repeat;background-size: cover;font-size: .2rem;color: #fff;align-items: center;padding: 0 .3rem;}

.lt7{display: grid;grid-template-columns: repeat(4, 1fr);gap: .3rem;}
.lt7 li{ min-width: 0; }
.lt7 .a{ height: 2rem; display: block; background: linear-gradient(180deg, #fffaf4 15%, #ffffff 57%); border: 1px solid #FFE1BC; padding: .35rem .35rem 0; transition: .5s;}
.lt7 .top{ align-items: center;}
.lt7 .top img{width: .33rem;opacity: 0;transform: translateX(-.1rem);transition: .5s;}
.lt7 h6{color: #A22402;width: auto;}
.lt7 h6 big{font-size: .36rem;font-weight: 500; margin: 0 .06rem 0 0;}
.lt7 .top span{font-size: .15rem;color: #fff;display: block;line-height: .32rem;background: #EF843D;margin-right: -.36rem;padding: 0 .35rem 0 .22rem;border-radius: 50vw 0 0 50vw;}
.lt7 h4{ margin: .15rem 0 0}

.home3 .left{width: calc(100% - 8rem - .65rem);padding: 1.65rem 0 .3rem;}
.home3 .right{ width: 8rem;}

.tit1w .ll1{ color: #FAE5AE;}
.tit1w .rr1 p{ color: #FFE8CB;}
.tit1w .rr1 big{ color: #fff;}
.tit1w .rr1 small{ color: #FFE8CB;}

.home3 .left .arc-con{ margin-bottom: .38rem;}
.home3 .left .arc-con p{text-indent: 0;font-size: .16rem;color: #fff;line-height: .32rem;}
.home3 .left .more2w{ justify-content: flex-end;}
.more2w{ color: #FAE5AE;}
.more2w span:before, .more2w span:after{ background: rgba(250, 229, 174, 0.2);}

.jianzhu{margin: .75rem -.3rem 0 calc((100vw - 15.2rem)/2*-1 + .7rem);position: relative;}
.jianzhu img{ opacity: 0;}
.jianzhu .ico{ position: absolute; top: 0; right: 0; bottom: 0; left: 0}
.jianzhu .ico img{ width: 100%;height: 100%}

.lt8Box .box1{ width: 40%;}
.lt8Box .box2{ width: 20%;}
.lt8Box .box3{ width: 40%;}

.pading50{ padding-bottom: 50%;}
.pading100{ padding-bottom: 100%;}
.pading200{ padding-bottom:200%;}

.lt9 li{ position: relative;}
.lt9 .a{ display: block; position: relative; text-align: center;}
.lt9 li.flex .a{ width: 50%;}
.box1 .lt9 li:nth-child(1) .a{ background: #B62700; border-radius: 0 0 50vw 50vw;}
.box1 .lt9 li:nth-child(2) .a{ background: #E7673A; border-radius: 50vw;}
.box1 .lt9 li:nth-child(3) .a{ background: #D13C13; border-radius: 50vw 50vw 0 0;}

.box1 .lt9 li:nth-child(2) h6{ margin: .14rem 0 0}
.box1 .lt9 li:nth-child(2) h4 big{ font-size: 1rem;}
.box1 .lt9 li:nth-child(3) h4 big, .box3 .lt9 li:nth-child(1) h4 big{ font-size: .76rem;}

.box2 .lt9 li:nth-child(1) .a{ background: #CE360C; border-radius: 0 0 50vw 50vw;}
.box2 .lt9 li:nth-child(1) .a .txt{position: absolute;top: auto;bottom: 0;right: 0;left: 0;height: 50%;background: #F9AF22;border-radius: 50vw;}
.box2 .lt9 li:nth-child(2) .a{background: #DF2E28;border-radius: 0 0 50vw 0;}
.box2 .lt9 li:nth-child(3) .a .transImg{ border-radius: 0  0 50vw 50vw;}

.box3 .lt9 li:nth-child(1) .a{ background: #DF2D28; border-radius: 0 0 50vw 50vw;}
.box3 .lt9 li:nth-child(2) .a:nth-child(1){ background: #B62700; border-radius: 0 0 50vw 50vw;}
.box3 .lt9 li:nth-child(2) .a:nth-child(2) .transImg{ border-radius: 0 50vw 50vw 0;}
.box3 .lt9 li:nth-child(3) .a:nth-child(1){ background: #CE360C; border-radius: 50vw 50vw 0 0;}
.box3 .lt9 li:nth-child(3) .a:nth-child(1) .txt{position: absolute;top: 0;right: 0;left: 0;height: 50%;background: #e57249;border-radius: 50vw;}
.box3 .lt9 li:nth-child(3) .a:nth-child(2)::before{ content: ""; position: absolute; top: 0; right: 0; left: 0; height: 50%; background: #B62700;     border-radius: 0 50vw 0 0;}
.box3 .lt9 li:nth-child(3) .a:nth-child(2) .txt{position: absolute;top: auto; right: 0;left: 0;height: 50%;background: #18C7B9;border-radius: 50vw;}

.lt9 .txt{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; flex-direction: column; align-items: center; justify-content: center;}
.lt9 h4{ align-items: baseline;}
.lt9 h4 big{font-size: .54rem;color: #fff;line-height: 1;font-family: "D-DIN Exp";letter-spacing: -.03rem;}
.lt9 h4 small{font-size: .16rem;color: #fff;line-height: 1;margin: 0 0 0 .05rem;}
.lt9 h6{font-size: .2rem;color: #fff;margin: .06rem 0 0;}

.home3 .bottom{padding: 0 0 0 40%;}
.home3 .box4{ width: 33.33%; position: relative;}
.home3 .box4 .pading100{ border-radius: 50vw; background: #DF2D28;}
.home3 .box5{ width: 66.66%;}
.home3 .box5 .pading50{ border-radius: 50vw 50vw 0 0; background: #CE360C;}

.arr1Box{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; align-items: center; justify-content: center;}
.arr1Box .arr1{font-size: .32rem;color: #FFD489;font-family: 'lib';transition: .5s; cursor: pointer;}
.arr1Box .line{width: 1px;height: .28rem;background: rgba(255, 255, 255, 0.3);margin: 0 .15rem;}

.home4{padding-top: .8rem;background: #F6F4F1 url(../images/ho4_b.jpg) right center no-repeat;background-size: 100% auto;}
.home4 .left, .home4 .right{ width: 23.28%; padding: .1rem 0 0;}
.home4 .center{ width: 48.81%; margin-top: -.4rem;}

.lt10 .a{ position: relative; z-index: 1; display: block;}
.lt10 .imgBox .img{ padding-bottom: 60%;}
.lt10 .txt{ padding: .15rem 0 .22rem;}
.lt10 li:last-child .txt{ padding-bottom: 0}
.lt10 h6{color: #B62700;margin: 0 0 .08rem -.08rem;}
.lt10 h4{ height: .56rem; }

.lt11 .imgBox .img{ padding-bottom: 57.95%;}
.lt11 .txt{ min-height: 2.5rem; background: #fff; box-shadow: 6px 4px 12px 0px rgba(0, 0, 0, 0.1); padding: .25rem .36rem .3rem;}
.lt11 h6 span{background: url(../images/lt11_b.svg) center no-repeat;background-size: cover;width: 1.01rem;height: .3rem;justify-content: center;align-items: center; font-size: .18rem; color: #B62700;}
.lt11 h4{ font-size: .22rem; margin: .2rem 0 .12rem}
.lt11 .more2{justify-content: flex-end;margin: .24rem 0 0;  filter: grayscale(1); opacity: .4}
.lt11 .more2 span:before, .lt11 .more2 span:after{ display: none;}



.home6{background: url(../images/ho6_b.jpg) center top no-repeat;background-size: 100% auto;}
.home6 .tit1{ justify-content: flex-start; }
.home6 .left{ width: 26.25%;}
.home6 .center{width: 17.17%;background: #DF7A34 url(../images/lt16_b.png) center no-repeat; background-size: 100% auto;display: flex;align-items: center;padding: .2rem .38rem;}
.home6 .right{width: 53.94%;display: flex;flex-direction: column;justify-content: space-between;}

.lt15 .imgBox .img{ padding-bottom: 72.68%; padding-bottom: 2.9rem;}
.lt15 .txt{ height: 3.16rem; background: #A22402; padding: .42rem .42rem 0;}
.lt15 h4{ color: #fff !important;}
.lt15 p{ color: rgba(255, 255, 255, 0.8); margin: .22rem 0;}
.lt15 h6 span{ font-size: .2rem; color: #fff; font-family: 'lib'; width: .4rem; height: .4rem; border: 1px dashed #FFFFFF; border-radius: 50vw; align-items: center; justify-content: center; margin: 0 .15rem 0 0;}
.lt15 h6{ align-items: center; color: #fff;}

.lt16{flex-direction: column;gap: 0;width: 100%;}
.lt16 li {position: relative;border-bottom: rgba(216,216,216,.2) 1px solid;}
.lt16 li .a {display: flex;transition: .5s;position: relative;z-index: 1;align-items: center;color: #fff;font-size: .16rem;height: .76rem;padding: 0 .2rem;}
.lt16 li .a i{font-size: .3rem;font-family: 'lib';margin: 0 .12rem 0 0;}
.lt16 li .a img {width: .3rem;margin: 0 .12rem 0 0;}

.lt16 li .ewm img{ width: 100%}

.lt16 li:hover{ z-index: 2}
.lt16 li:hover .a:after {transform: translate(-50%, -50%) scale(1) }
.lt16 li:hover .a img {opacity: 1 }
.lt16 li:hover .ewm {opacity: 1;visibility: visible;transform: translateY(0)}

.lt17{display: grid;grid-template-columns: repeat(2, 1fr);gap: .2rem;width: 100%;}
.lt17 li{ min-width: 0;}
.lt17 .a{ position: relative; z-index: 1; display: block;}
.lt17 .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, .8) 100%);z-index: 1;height: 1rem;}
.lt17 .imgBox .img{ padding-bottom: 72.5%; padding-bottom: 2.9rem;}
.lt17 .ico{position: absolute;width: .68rem;height: .68rem;top: 50%;left: 50%;transform: translate(-50%, -50%);background: rgba(64, 64, 64, 0.4) url(../images/video_i.svg) 52% center no-repeat;background-size: .17rem .2rem;border-radius: 50vw;backdrop-filter: blur(10px) saturate(100%);z-index: 2;}
.lt17 .txt{position: absolute;right: 0;bottom: 0;left: 0;z-index: 1;padding: 0 .3rem .18rem;}
.lt17 h4{ color: #fff !important;}

.lt18{ width: 100%}
.lt18 .imgBox{ width: 4.2rem;}
.lt18 .imgBox .img{ padding-bottom: 70.23%; padding-bottom: 2.95rem;}
.lt18 .txt{ flex: 1; height: 2.95rem; background: #18C7B9; padding: .42rem .42rem 0; overflow: hidden;}
.lt18 h4{ color: #fff !important;}
.lt18 p{ color: rgba(255, 255, 255, 0.8); margin: .22rem 0;}
.lt18 h6 span{ font-size: .2rem; color: #fff; font-family: 'lib'; width: .4rem; height: .4rem; border: 1px dashed #FFFFFF; border-radius: 50vw; align-items: center; justify-content: center; margin: 0 .15rem 0 0;}
.lt18 h6{ align-items: center; color: #fff;}

.home7{padding: .3rem 0;}
.home7 .wp{ min-height: 8.8rem}
.home7 .wp{max-width: 100%;width: 100%;align-items: center;}
.home7 .left{width: 4.4rem;justify-content: flex-end;position: relative;z-index: 2;margin-top: -.3rem;}
.home7 .left:before{content: "";position: absolute;width: 8.8rem;height: 8.8rem;border: 1.5px dashed #B62700;top: 50%;border-radius: 50vw;margin: -4.4rem 0 0;animation: roted 100s infinite linear;z-index: -1;}
.home7 .left .ho7_b1{position: absolute;top: 50%;transform: translateY(-50%);left: 0;right: 0;height: auto;max-height: inherit;}
.home7 .left .ho7_b1s{position: absolute;top: 50%;transform: translateY(-50%);left: 0;right: 0;height: auto;max-height: inherit;opacity: 0;visibility: hidden;}

.home7 .left .box1{ width: 3.1rem; height: 3.1rem; position: relative; z-index: 1; align-items: center; justify-content: center;}
.home7 .left .box1::before{ content: ""; position: absolute; top: -.1rem; left: -.2rem; right: 0; bottom: -.1rem; border: 1px dashed #EF843D; border-radius: 50vw; z-index: -1; animation: roted 50s infinite linear}
.home7 .left .box1::after{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #DF7A34 url(../images/ho7_b2.png) center no-repeat;background-size: cover;border-radius: 50vw;z-index: -1;}
.home7 .left .box1 .tit1{flex-direction: column;justify-content: center;align-items: center;margin-bottom: 0;}
.home7 .left .box1 .tit1 .ll{margin: .25rem 0;}

.home7 .tit1w .rr1 p{ color: #fff;}
.home7 .tit1w .rr1 big{ color: #fff;}
.home7 .tit1w .rr1 small{ color: #fff;}

.home7 .right{position: relative;z-index: 1;width: calc(100% - 4.4rem);padding: 0 0vw 0 3vw;}
.home7 .right::after{content: "";position: absolute;left: -1.1rem;top: 50%;background: url(../images/river1.png) left center no-repeat;background-size: auto 100%;width: 0;height: 2.52rem;transform: translateY(-50%);z-index: -1;}
.home7 .aos-animate .right::after{width: calc(100vw - 4.4rem + 1.1rem);transition: 2s .5s;}

.home7 .tit1fz{display: none;width: 100%;}

.lt19Box{ overflow: visible}
.lt19{height: 7rem;grid-gap: 0;/* display: grid; *//* grid-template-columns: repeat(7, 1fr); */grid-;/* cursor: url(../images/tuozhuai.png), auto; */align-items: center;flex-direction: column;}
.lt19 li{width: 25%;height: 50%;position: relative;}
.lt19 .a{flex-direction: column;width: 100%;flex-wrap: nowrap;padding: 0 .24rem;}
.lt19 h3{font-size: .56rem;color: #F9AF22;font-family: 'Canela Web';line-height: 1;font-weight: normal;margin: .08rem 0;transition: .5s;}
.lt19 h5{font-size: .22rem;color: #898887;transition: .5s;}
.lt19 p{font-size: .14rem;color: #898887;line-height: .24rem;opacity: 0;margin: .15rem 0 0;transition: .5s;text-align: justify;}
.lt19 .line{width: 1px;height: calc(100% - .3rem);position: absolute;transition: .5s;bottom: 0;left: 0;}
.lt19 .line:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/lt19_b.svg) center repeat-x;background-size: 1px auto;}
.lt19 .dot{position: absolute;width: 6px;height: 6px;border-radius: 50%;background: #DF7A34;left: -2.5px;}
.lt19 .dot:before{content:'';display:block;width:100%;height:100%;border-radius:50%;opacity:.4;background: #DF7A34;animation:scale 1.5s infinite cubic-bezier(0,0,.49,1.02);top:0;left: 0;position: absolute;z-index: 0}
.lt19 .dot:after{position:absolute;width:100%;height:100%;border-radius:50%;opacity:.4;background: #DF7A34;top:0;left:0;animation:scales 1.5s infinite cubic-bezier(0,0,.49,1.02);content: '';z-index: 0}
@keyframes scale{0%{transform:scale(1)}50%,75%{transform:scale(2)}100%,78%{opacity:0}}
@keyframes scales{0%{transform:scale(1)}50%,75%{transform:scale(3)}100%,78%{opacity:0}}
.lt19 .imgBox{width: 1.6rem;height: 1.6rem;border-radius: 50vw;position: absolute;bottom: -1.1rem;opacity: 0;transition: .5s;border: 4px solid #F9AF22;left: -.8rem;}
.lt19 .imgBox .img{ padding-bottom: 100%}

.lt20{position: absolute;top: 0;right: 0vw;left: 3vw;height: 50%;z-index: -1;}
.lt20 li{width: 15.667%;position: relative;}


.home8{padding-top: 8.41vw;margin-top: -10.41vw;background: url(../images/ho8_b.png) center bottom no-repeat;background-size: 100% auto;padding-bottom: 13vw;}

.lt21 .imgBox .img{ padding-bottom: 48.76%;}
.arr2Box{ justify-content: center; align-items: center; margin-top: .34rem;}
.arr2Box::before{ content: ""; flex: 1; height: 1px; background: #CAA87E;}
.arr2Box::after{ content: ""; flex: 1; height: 1px; background: #CAA87E;}
.arr2{ width: .54rem; height: .54rem; border: 1px solid #CAA87E; border-radius: 50vw; display: flex; align-items: center; justify-content: center;     font-size: .16rem;color: #CAA87E;font-family: 'lib';transition: .5s;cursor: pointer;}
.arr2.next1{ margin-left: .2rem;}

.mtabs2{ position: relative; display: none}
.mtabs2 .hd{position: relative;top: 0;right: 0;z-index: 1;padding: 0 .25rem 0 0;}
.mtabs2 .hd ul{gap: .12rem;overflow: hidden;}
.mtabs2 .hd li .a{font-size: .2rem;color: #fff;writing-mode: vertical-rl;width: .5rem;height: 1.72rem;position: relative;z-index: 1;display: flex;align-items: center;padding: .28rem 0 0;letter-spacing: .05rem;transform: translateY(-.13rem); transition: .5s}
.mtabs2 .hd li .a::before{content: "";position: absolute;top: 0;right: 0;left: 0;bottom: 0;background: url(../images/mtabs1_b2.svg) center bottom no-repeat;background-size: .5rem auto;z-index: -1;transform: translateY(-.24rem);transition: .5s;}
.mtabs2 .hd li .a::after{content: "";position: absolute;top: 0;right: 0;left: 0;bottom: 0;background: url(../images/mtabs1_b1.svg) center bottom no-repeat;background-size: .5rem auto;z-index: -1;transform: translateY(-.24rem);transition: .5s;opacity: 0;}

.mtabs2 .hd li.on .a::before{opacity: 0;}
.mtabs2 .hd li.on .a::after{opacity: 1;}
.mtabs2 .hd li.on .a{  transform: translateY(0); }
.mtabs2 .hd li.on .a:before, .mtabs2 .hd li.on .a:after{  transform: translateY(0); }

.lt6s1Box .dots{ justify-content: center;}
.lt6s1Box .dots span{width: .26rem;height: .26rem;cursor: pointer;position: relative;margin: 0 -.02rem;transition: .5s;}
.lt6s1Box .dots span:before{content: "";position: absolute;width: .08rem;height: .08rem;background: #EBDABE;border-radius: 50%;bottom: .02rem;left: 50%;transform: translateX(-50%); transition: .5s;}
.lt6s1Box .dots span:after{content: "";position: absolute;background: url(../images/more2.svg) center no-repeat;transition: .5s;opacity: 0;top: 0;right: 0;bottom: 0;left: 0;background-size: 100% 100%;}
.lt6s1Box .dots span.active{ margin: 0 .08rem}
.lt6s1Box .dots span.active::before{ opacity: 0;}
.lt6s1Box .dots span.active::after{ opacity: 1;}

.xuanfu{position: fixed;top: 50%;transform: translateY(-50%);right: .02rem;z-index: 10;padding-bottom: .24rem;}
.xuanfu{background: #EF843D;border-radius: .05rem;text-align: center;width: .7rem;}
.xuanfu ul .a{flex-direction: column;align-items: center;justify-content: center;height: .75rem;position: relative}
.xuanfu ul .a:before{content: "";position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: .6rem;height: 1px;background: rgba(255, 255, 255, 0.1);}
.xuanfu ul li:last-child .a:before{ display: none;}
.xuanfu ul .a img{height: .28rem;transition: .5s;}
.xuanfu ul .a:hover img{ transform: rotateY(360deg)}
.xuanfu ul .a h4{font-size: .12rem;color: #fff;margin: .04rem 0 0;}

#gotop1{display: block;width: 100%;text-align: center;cursor: pointer;}
.gotopimg{ width: .16rem;}

#gotop{ display: none;}
.x_logo{ display: none}

.xiaoxun{display: inline-block;position: relative;z-index: 1;width: 7.05rem;max-width: 100%;margin: 0 0 0 4vw;}
.xiaoxun>img { width: 100%;opacity: 0}
.xiaoxun .wzBox img{position: absolute;top: 0;right: 0;bottom: 0;left: 0}
.xiaoxun .wzBox img:nth-child(2n) {animation: animateShow 5s ease-in-out infinite;opacity: 1}
.xiaoxun .wzBox img:nth-child(odd) {animation: animateShow2 5s ease-in-out infinite;opacity: .3}

@keyframes animateShow {
    25% {
        opacity: .3
    }
    75% {
        opacity: .3
    }
    50%,to {
        opacity: 1
    }
}

@keyframes animateShow2 {
    25% {
        opacity: 1
    }
    75% {
        opacity: 1
    }
    50%,to {
        opacity: .3
    }
}

@media(min-width: 769px){
    .lt11 .a:hover .more2{ opacity: 1; filter: grayscale(0);}
    .more2:hover span:before, .more2:hover span:after{width: 100%;background: #B62700;}
    .lt2 li:hover .a2{ transform: perspective(300px) rotateY(0deg); opacity: 1;}

    .lt3 .a:hover::after{width: 100%;}

    .lt4 .a:hover .ico img{filter: brightness(0) invert(1);}
    .lt4 .a:hover .ico:before{ opacity: 1; transform: scale(1)}
    .lt4 .a:hover .ico svg path{transform: scale(1) rotate(0deg);opacity: 1;transition-delay: 0s;}

    .lt7 .a:hover{ border: 1px solid #EF843D;}

    .more3:hover{ filter: brightness(5); color: #fff;}

    .lt7 .a:hover .top img{ opacity: 1; transform: translateX(0);}

    .more2w:hover span:before, .more2w:hover span:after{ background: #FAE5AE;}
    .more2w:hover{ color: #FAE5AE;}

    .arr1Box .arr1:hover{ color: #fff;}

    .lt12 .a:hover .ico1 img{ transform: translateX(0); opacity: 1;}
    .lt12 .a:hover::after{ width: 100%; left: 0}

    .lt14 .a:hover{ box-shadow: 0 0 .3rem rgba(182,39,0,.5)}

    .lt16 li .ewm:before {content:"";position: absolute;width: .12rem;height: .12rem;background: #fff;transform: rotate(45deg);top: 50%;left: -.06rem;margin-top: -.06rem;}
    .lt16 li .ewm{width: 100px;background: #fff;border-radius: 0;position: absolute;padding: .03rem;z-index: 1;opacity: 0;visibility: hidden;transition: all 0.5s;box-shadow: 0 0 0.1rem rgba(0, 0, 0, .2);top: 50%;transform: translateY(-50%) translateX(.15rem);left: calc(100% - .1rem);}
    .lt16 li:hover .a:after {transform: translate(-50%, -50%) scale(1) }
    .lt16 li:hover .a img {opacity: 1 }
    .lt16 li:hover .ewm {opacity: 1;visibility: visible;transform: translateY(-50%) translateX(0);}

    .lt19 li:nth-child(2n) .line:before{ mask: linear-gradient(180deg, transparent 10%, black 100%);}
    .lt19 li:nth-child(2n-1) .line:before{ mask: linear-gradient(0deg, transparent 31%, black 100%);}

    .lt19 li:last-child p{padding: 0 .4rem 0 0;}

    .lt19 li:nth-child(2n){transform: translateX(50%);}
    .lt19 li:nth-child(2n) .a{justify-content: flex-end;}
    .lt19 li:nth-child(2n) .line{top: 0;height: calc(100% - .12rem);}
    .lt19 li:nth-child(2n) .line .dot{ top: auto; bottom: 0}

    .lt19 li:nth-child(2n) p{ margin-bottom: -.85rem}

    .lt19 li:nth-child(1) .a{height: 3rem;margin-top: -.18rem;}
    .lt19 li:nth-child(2) .a{height: 1.8rem;margin-top: .55rem;}
    .lt19 li:nth-child(3) .a{height: 3rem;margin-top: -.3rem;}
    .lt19 li:nth-child(4) .a{height: 1.8rem;margin-top: .9rem;}
    .lt19 li:nth-child(5) .a{height: 3.2rem;margin-top: .1rem;}
    .lt19 li:nth-child(6) .a{height: 1.6rem;margin-top: 1rem;}
    .lt19 li:nth-child(7) .a{height: 3.2rem;margin-top: .4rem;}

    .lt19 li:nth-child(1) .imgBox{left: -.4rem;bottom: -1.4rem;}
    .lt19 li:nth-child(3) .imgBox{bottom: -1.3rem;}
    .lt19 li:nth-child(2n) .imgBox{top: -1.6rem;bottom: auto}
    .lt19 li:nth-child(6) .imgBox{top: -1.6rem;}

    .lt19 li .a:hover .imgBox{ opacity: 1}
    .lt19 li .a:hover p{ opacity: .8}

    .lt19 .a:hover h3, .lt19 .a:hover h5{ color: #A22402}

    .lt20 li:before{content: "";position: absolute;left: 0;bottom: .5rem;top: 0;right: 0;background-size: auto 1.58rem !important;}
    .lt20 li:nth-child(1)::before{ background: url(../images/lt19_b1.png) left bottom no-repeat;}
    .lt20 li:nth-child(2)::before{background: url(../images/lt19_b2.png) left bottom no-repeat;bottom: 1.1rem;left: -.5rem;}
    .lt20 li:nth-child(3)::before{background: url(../images/lt19_b3.png) left bottom no-repeat;bottom: .25rem;left: -.6rem;}
    .lt20 li:nth-child(4)::before{background: url(../images/lt19_b4.png) left bottom no-repeat;bottom: -.1rem;left: -.8rem;}
    .lt20 li:nth-child(5)::before{background: url(../images/lt19_b5.png) left bottom no-repeat;bottom: -.2rem;left: 0;transform: translateX(-.36rem);}
    .lt20 li:nth-child(6)::before{background: url(../images/lt19_b6.png) left bottom no-repeat;bottom: -.2rem;left: 0;background-size: auto 1.38rem !important;}

    .arr2:hover{ background: #A72907; border: #A72907 1px solid; color: #fff;}

    .tit1c{ justify-content: center; position: relative;}
    .tit1c .more2{ position: absolute; right: 0;}

    .lt19{ padding: 0 .2rem 0 0}
}
@media(max-width: 1025px){
    .banner .imgBox .img{ padding-bottom: 50%;}

    .banner .dots{ bottom: .2rem;}
}
@media(max-width: 769px){
    .pad1{padding: .4rem 0;}

    .lt16 li .ewm {width: 100px;background: #fff;border-radius: 0;position: absolute;padding: .03rem;top: 100%;left: 0;z-index: 1;opacity: 0;visibility: hidden;transition: all 0.5s;transform: translateY(.1rem);box-shadow: 0 0 0.1rem rgba(0, 0, 0, .2)}
    .lt16 li .ewm:before {content:"";position: absolute;width: .12rem;height: .12rem;background: #fff;transform: rotate(45deg);top: -.06rem;left: 50%;margin-left: -.06rem }

    .banner:after{ height: 1rem;}
    .banner .imgBox .img{padding-bottom: 55%;}
    .banner .dots{ bottom: .12rem;}
    .banner .dots span{width: .4rem;height: .4rem;margin: 0 -.1rem !important;}
    .banner .dots span.active{margin: 0 .05rem !important;}
    .banner .dots span i{ display: none}
    
    .tit1{ margin-bottom: .25rem;}
    .tit1 .ll1{font-size: .4rem;margin-right: .06rem;}
    .tit1 .rr1 big{font-size: .2rem;}
    .more1{font-size: .14rem;}
    .more1 img{ width: .2rem; margin: 0 0 0 .08rem}

    .home1 .left{width: 100%;}
    .home1 .right{width: 100%;padding: .25rem 0 0;}

    .home1 .left1{width: 100%;}
    .home1 .right1{width: 100%;padding: .4rem 0 0;}

    .lt4{justify-content: center;gap: 10vw;margin: .3rem 0 .25rem;}
    .lt4 .a{ flex-direction: column}
    .lt4 .ico{width: .6rem;height: .6rem;margin: 0 auto;}
    .lt4 h4{margin: .1rem 0 0;}

    .lt1 .txt{ padding: 0 .2rem .12rem;}
    .lt1 .dots{ gap: 0}

    .lt3 li{margin-bottom: 0;}
    .lt3 .a{padding: 0 0 .2rem;}

    .tit2{width: 100%;margin-bottom: .25rem;flex-direction: row;height: .7rem;padding: 0 .2rem;}
    .tit2 .top{ display: flex; align-items: center}
    
    .lt2{ width: 100%}
    .lt2{grid-template-columns: repeat(1, 1fr);gap: .15rem 14px;}

    .tit2 .ll1{font-size: .4rem;letter-spacing: -.1rem;}
    .tit2 .rr1{font-size: .24rem; margin-left: .1rem}

    .lt2 .a1{padding: .15rem 15px;}
    .lt2 .a1 h4{margin: 0 0 0 -16px;}
    .lt2 .a2 .imgBox .img{padding-bottom: 1.35rem;}

    .page_d{ padding: .2rem 15px;}
    .odd .page_d{ padding: .2rem 15px;}

    .lt6{padding: 0;}
    .mtabs1 .hd li .a{ font-size: .14rem;}
    .lt5 .imgBox .img{ padding-bottom: 120%;}

    .mtabs1{ display: none;}
    .mtabs2{ display: block}
    .mtabs2 .hd{padding: 0 0 .25rem;position: absolute;top: 0;right: 10px;z-index: 2;}

    .more2{font-size: .14rem;margin-top: .1rem;}
    .mtabs2 .hd li .a{font-size: .16rem;width: .4rem;height: 1.35rem;padding: .22rem 0 0;letter-spacing: .02rem;}

    .lt6 .imgBox{ margin-bottom: .25rem}
    .lt6 .imgBox .img{padding-bottom: 67%;}
    .lt6 .tit{ margin-bottom: .15rem}
    .lt6 .p{margin: .2rem 0 .2rem;gap: .06rem;}
    .lt6 .p p{background-size: auto .16rem !important;padding: 0 0 0 .26rem;}
    .home2{padding-top: .3rem;}

    .lt7{grid-template-columns: repeat(2, 1fr);gap: .15rem 14px;}
    .lt7 .a{ height: auto; padding: .2rem 15px;}
    .lt7 h6 big{font-size: .28rem;}
    .lt7 h4{ margin: .1rem 0 0}

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

    .jianzhu{margin: 0 26vw 0 0;}
    .lt9 h4 big{font-size: .24rem;}
    .box1 .lt9 li:nth-child(2) h4 big{ font-size: .36rem;}
    .box1 .lt9 li:nth-child(3) h4 big, .box3 .lt9 li:nth-child(1) h4 big{ font-size: .3rem;}
    .lt9 h6{font-size: .16rem;margin: .02rem 0 0;}
    .box1 .lt9 li:nth-child(2) h6{ font-size: .18rem; margin: .06rem 0 0}
    .lt9 h4 small{font-size: .14rem;}
    .arr1Box .arr1{font-size: .2rem;}
    .arr1Box .line{height: .2rem;margin: 0 .1rem;}
    .lt9 .txt h6{ padding:0 10%}
    .lt9 h6{font-size: .12rem;margin: .02rem 0 0;}

    .home5 .left{width: 100%;}
    .home5 .right{width: 70%;margin: -15vw 0 0;}

    .home4{padding-bottom: .1rem;}
    .home4 .left, .home4 .right{width: 100%;padding: 0;order: 1;}
    .home4 .center{width: 100%;margin-top: 0;margin-bottom: .25rem;}

    .home5{margin: 0 0 0 0;padding-top: 0;}

    .lt11 .txt{padding: .25rem 15px;min-height: auto;}

    .lt10 li{ margin-bottom: .1rem}

    .xiaoxun{margin: .15rem auto 0;max-width: 49%;display: block;}
    .lt12{display: grid;grid-template-columns: repeat(2, 1fr);gap: .05rem 14px;padding: 0;margin-top: -.15rem;}
    .lt12 .ico{ margin: 0 .12rem 0 0;}
    .lt12 .ico1 img{opacity: 1;width: .24rem;}
    .lt12 .ico img{width: .2rem;height: .2rem;margin: -.03rem 0 0;}

    .lt14{margin: .24rem 0 0;}

    .lt13{height: auto;padding: .15rem;}
    .lt13 li{padding: .15rem;}
    .lt13 .ico{width: .7rem;height: .7rem;margin: -.35rem 0 0 -.35rem;}
    .lt13 .imgBox:after{ height: 1rem}
    .lt13 .txt{ padding: .25rem .25rem;}

    .home6{margin-top: 0;padding-bottom: .5rem;}
    .home5::before{width: 100vw;background: url(../images/ho5_b1.webp) left top no-repeat;background-size: 100vw auto;transform: translateX(0);left: 0;height: 60vw;top: 3.5rem;}
    .lt14 .a{width: 1.2rem;height: 1.2rem;}
    .lt14 .ico img{width: .4rem;}

    .home6 .left{ width: 100%; }
    .home6 .center{width: 100%;margin-bottom: 14px;padding: .2rem 15px;order: -1;}
    .home6 .right{width: 100%;margin-top: 14px;}

    .lt16{flex-direction: row;}
    .lt16 li{width: 50%;}
    .lt16 li .a{ height: .5rem; padding: 0 0;}
    .lt16 li .a i{font-size: .22rem; }
    .lt16 li .a img {width: .22rem; }

    .lt17 .imgBox .img{ padding-bottom: 72.5%;}
    .lt17{gap: 14px;margin-top: 14px;order: 1;}
    .lt17 .ico{width: .4rem;height: .4rem;background-size: .12rem .14rem;top: 45%;}
    .lt17 .txt{ padding: 0 15px .12rem}
    .lt17 .imgBox:after{height: 12vw;}

    .lt15 .txt{ height: auto; padding: .25rem 15px}
    .lt15 p{ display: none}
    .lt15 h6{ margin: .12rem 0 0}
    .lt15 h6 span{width: .32rem;height: .32rem;font-size: .16rem;}
    .lt15 .imgBox .img{ padding-bottom: 72.6%;}

    .lt18 .imgBox{ width: 100%}
    .lt18 .txt{ height: auto; padding: .25rem 15px; flex: auto; width: 100%}
    .lt18 p{ display: none}
    .lt18 h6{ margin: .12rem 0 0}
    .lt18 h6 span{width: .32rem;height: .32rem;font-size: .16rem;}
    .lt18 .imgBox .img{ padding-bottom: 72.6%;}

    .home7 .left{width: calc(100% + 30px);justify-content: center;margin: 0 -15px;display: none;}
    .home7 .right{width: 100%;padding-bottom: 22vw;}
    .home7 .tit1fz{ display: flex;}

    .home7 .left .ho7_b1{ opacity: 0; visibility: hidden;}
    .home7 .left .ho7_b1s{opacity: 1;visibility: visible;top: 0;transform: none;}

    .home7{padding-top: 0;}
    .home7 .left .box1{width: 50vw;height: 50vw;transform: translateY(.6rem);}
    .home7 .left:before{width: 100vw;height: 100vw;top: auto;transform: none;bottom: 0;margin: 0;}
    

    .lt19{margin: .7rem 0 0;flex-direction: row;height: auto;align-items: inherit;gap: .15rem 0;margin: 0;}
    .lt19 h3{font-size: .24rem;}
    .lt19 li{width: 100%;height: auto;}
    .lt19 h5{font-size: .15rem;}
    .lt19 p{font-size: .13rem;margin: .1rem 0 0;opacity: 1;}
    .lt19 .line{ height: calc(100% - .15rem);}
    .lt19 .line:before{ mask: linear-gradient(0deg, transparent 10%, black 100%);}
    .lt19 .a{ padding: 0 .15rem 0 .2rem;}

    .swiper-slide:nth-child(1) .lt19  li:nth-child(5){width: 100%;}
    .lt19 .imgBox{ display: none;}
    .home7 .wp{ min-height: inherit}

    .home8{padding-bottom: 20vw;margin-top: 0;padding-top: 0;}

    .arr2{width: .4rem;height: .4rem;font-size: .16rem;}
    .tit1 .rr1 p{font-weight: normal;font-size: .13rem;}
    .lt11 .more2{ display: none;}
    .home7 .right::after{width: 100vw;left: -15px;background: url(../images/river1.png) left bottom no-repeat;background-size: 100% auto;top: auto;transform: none;bottom: 0;height: 30vw;}
    .lt11 h4{margin: .15rem 0 0;}
    .lt11 p{ display: none;}
    .lt11 h6 span{width: .72rem;height: .24rem;background-size: 100% 100%;font-size: .14rem;}

    .lt10{ display: grid; grid-template-columns: repeat(2, 1fr);gap: .15rem 14px;}

    .lt3{display: grid;grid-template-columns: repeat(2, 1fr);gap: .2rem 14px;}
    .lt3 li{ min-width: 0;}
    .lt3 h4{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;height: .56rem !important;}
    .lt3 li:last-child{ display: none;}

    .lt4 .a .ico img{filter: brightness(0) invert(1);}
    .lt4 .a .ico:before{ opacity: 1; transform: scale(1)}
    .lt4 .a .ico svg path{transform: scale(1) rotate(0deg); opacity: 1;transition-delay: 0s;}
    .lt4 .ico svg{ width: .6rem}

    #gotop1{ display: none;}
    #gotop{ display: block;}

    .xuanfu{top: auto;transform: none;right: 0;left: 0;bottom: .55rem;border-radius: 0;background: #c60019;z-index: 1000;width: 100%;padding: 0;}
    .xuanfu .ul{display: none;padding: .2rem 0;}
    .xuanfu ul{display: flex; flex-wrap: wrap}
    .xuanfu ul li{ width: 33.33%}
    .xuanfu ul li .a:before{ display: none;}
    .xuanfu ul .a{ height: .7rem}
    .xuanfu ul .a img{ height: .3rem; }
    
    .x_logo{position: fixed;left: .3rem;bottom: 0;height: .55rem;padding: .15rem 0;display: block;}
    .x_logo img{height: .2rem;}
}

/* 性能优化：首屏以下区域延迟渲染（仅对高度稳定区域启用，避免布局偏移） */

.home5{contain: layout style paint;}
.home7{contain: layout style paint;}
/* 图片容器渲染隔离 */
.imgBox,.transImg{contain: layout style paint;}
/* 减少动画元素重绘范围 */
.banner .imgBox .img img,.lt5 .imgBox .img img,.lt13 .imgBox .img img{transform: translateZ(0);backface-visibility: hidden;}

.tit4{text-align: center;justify-content: center;align-items: center;margin: 0 0 .7rem;}
.tit4 .h3{font-size: .7rem;color: #A32324;font-family: yuweij;letter-spacing: -.05rem;margin: 0 .42rem;}
.tit4::before{ content: ""; width: 1.2rem; height: 1px; background: #B62700;}
.tit4::after{ content: ""; width: 1.2rem; height: 1px; background: #B62700;}

.home1 .box{ align-items: flex-start; margin-bottom: .92rem;}
.home1 .left1{ width: 7.25rem;}
.home1 .right1{width: calc(100% - 7.25rem - .5rem);margin: -.2rem 0 0;}

.home1 .box2 .left1, .home1 .box4 .left1{ order: 1;}

.home1 .box1 .left1{ background: #B62700;}
.home1 .box2 .left1{ background: #EF843D;}
.home1 .box3 .left1{ background: #F9AF22;}
.home1 .box4 .left1{ background: #18C7B9;}

.lt22Boxs1{ transform: translate(.2rem, -.2rem); background: #B62700;}
.lt22Boxs2{ transform: translate(-.2rem, -.2rem); background: #EF843D;}
.lt22Boxs3{ transform: translate(.2rem, -.2rem); background: #F9AF22;}
.lt22Boxs4{ transform: translate(-.2rem, -.2rem); background: #18C7B9;}

.lt22 .a{ position: relative; z-index: 1; display: block;}
.lt22 .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, .8) 100%);z-index: 1;height: 1rem;}
.lt22 .imgBox .img{ padding-bottom: 57.93%;}
.lt22 .txt{position: absolute;right: 0;bottom: 0;left: 0;z-index: 1;padding: 0 .36rem .24rem;align-items: center;}
.lt22 h4{ font-size: .22rem; color: #fff !important; flex: 1}

.tit5{align-items: center;margin: 0 0 .35rem;}
.tit5 .ll{flex-direction: column;position: relative;padding: 0 0 0 .2rem;}
.tit5 .ll:before{ content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: #B62700;}
.tit5 .ll big{font-size: .36rem;color: #222222;font-family: 'Noto Serif SC';font-style: normal;line-height: 1;}
.tit5 .ll small{font-size: .12rem;color: #999999;font-family: 'Noto Serif SC';font-style: normal;line-height: 1;text-transform: capitalize;margin: .06rem 0 0;}

.box2 .tit5 .ll:before{ background: #EF843D;}
.box3 .tit5 .ll:before{ background: #F9AF22;}
.box4 .tit5 .ll:before{ background: #18C7B9;}

.lt23{ display: grid; grid-template-columns: repeat(2,1fr); gap: .2rem;}
.lt23 li{ min-width: 0;}
.lt23 .a{height: 1.65rem;background: linear-gradient(180deg, #fffaf4 15%, #ffffff 57%);border: 1px solid #FFE1BC;padding: 0 .36rem;justify-content: center;flex-direction: column; transition: .5s;}
.lt23 h4{ margin: .1rem 0 0}
.lt23 h6{ font-size: .15rem; color: #A22402;}

.lt23 li.on .a{ border: 1px solid #EF843D;}

.home10{ background: url(../images/ho10_b.jpg) center top no-repeat;}
.home10 .left{ width: 46.05%;}
.home10 .right{ width: 48.94%;}

.mtab1 .hd ul li{ cursor: pointer}
.mtab1 .hd ul li:nth-child(1){ margin-right: .36rem; position: relative;}
.mtab1 .hd ul li:nth-child(1)::before{content: "";position: absolute;width: 1px;height: .16rem;background: #D8D8D8;right: -.2rem;transform: rotate(35deg);top: .3rem;}
.mtab1 .tit1 .ll1{ display: none;}
.mtab1 .tit1 .rr1 p, .mtab1 .tit1 .rr1 small{ opacity: 0}
.mtab1 .tit1 .rr1 big{ color: #999;}
.mtab1 .tit1 .rr1 big span{ display: inline-block;}
.mtab1 .tit1 .rr1 p{ width: 0; white-space: nowrap;}

.mtab1 .tit1 li.on .ll1{ display: block;}
.mtab1 .tit1 li.on .rr1 p, .mtab1 .tit1 li.on .rr1 small{ opacity: 1}
.mtab1 .tit1 li.on .rr1 big{ color: #222;}
.mtab1 .tit1 li.on .rr1 big span{ display: none;}

.lt24W{ position: relative; padding: 0 .6rem 0 0;}
.lt24Box{ height: 5.5rem}
.lt24 li{border-bottom: 1px solid rgba(5, 67, 149, 0.1); height: 1.1rem;}
.lt24 li:last-child{ margin-bottom: 0}
.lt24 .a{display: flex;position: relative;height: 100%;flex-direction: column;justify-content: center;}
.lt24 .a::after{content: "";position: absolute;left: 0;bottom: -1px;width: .46rem;height: 2px;background: #A22402;transition: .5s;}
.lt24 h6{ font-size: .18rem; margin: .06rem 0 0 0; color: #A22402;}

.lt25Box{ position: relative; z-index: 1; padding: .36rem 0 0 .24rem;}
.lt25Box::before{ content: ""; position: absolute; top: 0; right: .55rem; bottom: 0; left: 0; background: #F9F9F9; z-index: -1;}

.lt25 .con1{ align-items: center;}
.lt25 .imgBox{ width: 3.36rem; margin: 0 0 0 .36rem; order: 1;}
.lt25 .imgBox .img{padding-bottom: 65.47%;}
.lt25 .txt{ flex: 1; overflow: hidden;}
.lt25 h4{ font-size: .2rem;}
.lt25 h6{color: #A22402;margin: .16rem 0;}
.lt25 p{margin: .1rem 0 .15rem;color: #888;}
.lt25 .con2{ align-items: center;}
.more4{ width: .84rem; height: .65rem; background: #A22402; align-items: center; justify-content: center; transition: .5s;}

.lt25Box .dots{ gap: .14rem;}
.lt25Box .dots span{ width: .1rem; height: .1rem; background: #D8D8D8; border-radius: 50vw; transition: .5s;}
.lt25Box .dots span.active{ background: #A22402;}

.lt26{ margin-top: .1rem;}
.lt26 li{ margin-top: .08rem;}
.lt26 .a{height: .68rem;background: #F9F9F9;align-items: center;padding: 0 .2rem;}
.lt26 h4{flex: 1;position: relative;padding: 0 0 0 .12rem;background: url(../images/lt26_s.svg) left center no-repeat;background-size: .07rem auto;}
.lt26 h6{ color: #999999; width: auto; margin: 0 0 0 .2rem}



@media(min-width: 769px){
    .arr3:hover{ background: #A72907; border: #A72907 1px solid; color: #fff;}

    .lt24 .a:hover::after{width: 100%;}

    .more4:hover{ background: #EF843D;}

    .arr3Box{justify-content: center;align-items: center;position: absolute;right: -.27rem;top: 0;bottom: 0;flex-direction: column;}
    .arr3Box::before{content: "";flex: 1;width: 1px;background: #CAA87E;margin-bottom: .15rem;}
    .arr3Box::after{content: "";flex: 1;width: 1px;background: #CAA87E;margin-top: .15rem;}
    .arr3{width: .54rem;height: .54rem;border: 1px solid #CAA87E;border-radius: 50vw;display: flex;align-items: center;justify-content: center;font-size: .16rem;color: #CAA87E;font-family: 'lib';transition: .5s;cursor: pointer;margin: .05rem 0;}
    .arr3.prev1{ transform: rotate(90deg);}
    .arr3.next1{ transform: rotate(90deg);}
}
@media(max-width: 769px){
    .tit4{margin: 0 0 .4rem;}
    .tit4 .h3{font-size: .36rem;margin: 0 .2rem;}
    .tit4::before, .tit4::after{width: .5rem;flex: 1;}

    .home1 .left1{width: calc(100% - .15rem);}
    .home1 .right1{width: 100%;margin: -.1rem 0 0;order: 1;}

    .tit5{ margin: 0 0 .25rem;}
    .tit5 .ll big{font-size: .24rem;}

    .lt23 .a{ height: 1.4rem; padding: 0 15px}
    .lt23{ gap: 14px}

    .lt22Boxs1{ transform: translate(.15rem, -.15rem); background: #B62700;}
    .lt22Boxs2{ transform: translate(.15rem, -.15rem); background: #EF843D;}
    .lt22Boxs3{ transform: translate(.15rem, -.15rem); background: #F9AF22;}
    .lt22Boxs4{ transform: translate(.15rem, -.15rem); background: #18C7B9;}

    .home1 .box{ margin-bottom: .6rem;}
    .home1 .box:last-child{ margin-bottom: 0;}

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

    .home10{ padding-top: 0;}

    .arr3Box{ justify-content: center; align-items: center; margin-top: .34rem;}
    .arr3Box::before{ content: ""; flex: 1; height: 1px; background: #CAA87E;}
    .arr3Box::after{ content: ""; flex: 1; height: 1px; background: #CAA87E;}
    .arr3{ width: .54rem; height: .54rem; border: 1px solid #CAA87E; border-radius: 50vw; display: flex; align-items: center; justify-content: center;     font-size: .16rem;color: #CAA87E;font-family: 'lib';transition: .5s;cursor: pointer;}
    .arr3.next1{ margin-left: .2rem;}
    .arr3{width: .4rem;height: .4rem;font-size: .16rem;}
    .home6 .tit1 .rr1 p{ width: 0; white-space: nowrap}

    .lt25 .imgBox{ width: 100%; margin: .2rem 0 0; order: 1;}
    .lt25 .txt{ flex: auto; overflow: hidden; width: 100%}
    .lt25Box::before{ right: 0}
    .lt25Box::before{ padding: .3rem 15px 0}
    .lt25Box{ padding: .25rem 15px;}

    .lt24W{ padding: 0;}
    .lt24Box{ height: 3rem;}
    .mtab1 .hd ul li:nth-child(1)::before{top: .2rem;right: -.16rem;}
    .mtab1 .hd ul li:nth-child(1){ margin-right: .24rem;}
}