@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.2) 100%);z-index: 1;height: 1.25rem;}
.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 .dots{position: absolute;bottom: 3.125vw;display: flex;left: auto;z-index: 2;justify-content: center;}
.banner .dots span{width: .6rem;height: 2px;background: rgba(255,255,255,.6);margin: 0 .04rem !important;opacity: 1;border-radius: 0;  transition: .5s; transform-origin: top}
.banner .dots span.active{background: #fff; transform: scaleY(1.5)}

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

@media(min-width: 769px){

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

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

.tit1{align-items: flex-end;position: relative;margin: 0 0 .5rem;}
.tit1 .ll{ align-items: center;}
.tit1 .ll img{ width: .51rem; margin: 0 .1rem 0 0;}
.tit1 h3{font-size: .46rem;color: #222222;line-height: 1;margin: 0 0 .04rem;}
.tit1 h3 font{ color: #9b0000;}
.more1{align-items: center;font-size: .16rem;color: #947654;transition: .5s;padding: .1rem 0;}
.more1 img{ width: .65rem; margin: 0 .08rem 0 0;}

.tit1c{ justify-content: center;}
.tit1c .more1{position: absolute;right: 0;bottom: 0;}

.tit1w *{ color: #fff !important}

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

.lt1 .imgBox .img{ padding-bottom: 65.57%;}
.lt1 .txt{height: 1.6rem;margin: -.46rem 0 0 .55rem;position: relative;z-index: 1;background: url(../images/lt1_b.jpg) center no-repeat;background-size: cover;border: #c5ae8c 1px solid;padding: 0 .9rem 0 .26rem;display: flex;flex-direction: column;justify-content: center;}
.lt1 h4{font-size: .24rem;color: #000000;font-weight: 600;margin: 0 0 .12rem;}
.lt1 h6{ display: none}

.lt1 p{ width: 115%}

.more2{position: absolute;right: 0;bottom: 0;width: .6rem;height: .6rem;background: #9b0000;align-items: center;justify-content: center;}
.more2 i{ font-size: .29rem; color: #fff; font-family: 'lib'; }

.ar1W{position: absolute;right: .42rem;bottom: calc(1.6rem - .25rem);align-items: center;z-index: 2;}
.ar1{display: flex;width: .5rem;height: .5rem;background: #fff;border-radius: 50vw;justify-content: center;align-items: center;cursor: pointer;transition: .5s;box-shadow: 7.492px 18.544px .35rem 0px rgba(139, 109, 71, 0.06);}
.ar1 svg{width: .12rem;height: .25rem;fill:#9b0000;transition: .5s;}
.ar1.next1{background: #fff;transform: rotateY(180deg);margin: 0 0 0 .2rem; box-shadow: 7.492px 18.544px .35rem 0px rgba(139, 109, 71, 0.06);}

.lt2{background: url(../images/lt2_b.png) left top no-repeat;height: 5.3rem;display: flex;flex-direction: column;}
.lt2 li{padding: 0 0 0 .66rem;position: relative;flex: 1;transition: .5s;}
.lt2 h6{position: relative;line-height: 1;}
.lt2 h6:before{content: "";position: absolute;top: 50%;left: -.92rem;border-top: transparent .085rem solid;border-bottom: transparent .085rem solid;border-left: #ece5db .13rem solid;transition: .5s;transform: translateY(-50%);}
.lt2 h6:after{content: "";position: absolute;top: 50%;left: -.68rem;width: .28rem;height: 1px;background: #d0bfa4;}
.lt2 .a{height: 100%;align-items: center;padding: 0 .24rem 0 .26rem;position: relative;z-index: 1;}
.lt2 .a .before{content: "";position: absolute;top: .11rem;right: 0;bottom: .11rem;left: 0;z-index: -1;overflow: hidden;background: #c4aa87;opacity: 0;transition: .5s;mask: var(--corner-mask1);mask-size: var(--corner-size);mask-repeat: no-repeat;}
.lt2 h4{margin: .14rem 0 0;}
.lt2 .txt{flex: 1;}
.lt2 .imgW{width: 0;display: flex;justify-content: flex-end;transition: .5s;display: none;}
.lt2 .imgBox{width: 1.7rem;border: #fff .07rem solid;min-width: 1.7rem;opacity: 0;}
.lt2 .imgBox .img{ padding-bottom: 64.91%;}

.home2{background: url(../images/ho2_b.jpg) center 101% no-repeat;background-size: 100% auto;padding-top: 0 !important;}
.home2 .content{border-top: #9b0000 3px solid;background: linear-gradient(to bottom, rgba(255,255,255,.9) 0, transparent 100%);padding: 0 .6rem;}

.lt3 .a{ height: 2.3rem; flex-direction: column; justify-content: center;}
.lt3 h4{ margin: .12rem 0 0;}

.dots1{margin: .25rem 0;justify-content: center;}
.dots1 span{width: .6rem;height: 2px;background: rgba(155,0,0,.3);margin: 0 .04rem !important;opacity: 1;border-radius: 0;  transition: .5s; transform-origin: top}
.dots1 span.active{background: #9b0000; transform: scaleY(1.5)}

.home3-4{background: url(../images/ho3-4_b.jpg) center top no-repeat;background-size: cover;}

.home3{ padding-top: 0 !important;}
.home3 .right{ width: 9.8rem;}
.home3 .right h4{font-size: .22rem;color: #947654;line-height: 1.81;font-weight: 600;}
.home3 .right p{font-size: .16rem;color: #666666;line-height: 1.75;margin: .2rem 0 0;}

.tit1v{ flex-direction: column; align-items: center;}
.tit1v .more1{ margin: .44rem 0 0 .1rem;}

.home3 .wp1{ align-items: flex-end;}
.home3 .left1{ width: 34.75%;}
.home3 .right1{ width: 64%;}

.lt4 .a{ display: block; position: relative; z-index: 1;}
.lt4 .imgBox .img{ padding-bottom: 133.81%; background: none;}
.lt4 .imgBox .img .i2{ opacity: 0}
.lt4 .txt{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; align-items: center; justify-content: center}
.lt4 .ico{width: 1.16rem;margin: 0 .2rem 0 0}
.lt4 .ico img{ width: 100%;}
.lt4 h4{ font-size: .4rem; color: #fff !important; }

.lt4s1 .txt{height: 3.24rem;top: auto;justify-content: center;align-items: center;}

.lt4s2 li .imgBox .img{ padding-bottom: 33.984375%;}
.lt4s2 .txt{height: 2.75rem;top: auto;justify-content: flex-start;align-items: center;padding: 0 15px 0 10.5%;}

.lt4s3{margin: 1.9% 0 0;}
.lt4s3 li:nth-child(1){ width: 50.48828125%;}
.lt4s3 li:nth-child(2){ width: 47.55859375%;}
.lt4s3 li:nth-child(1) .a::after{ content: ""; position: absolute; top: .14rem; right: .14rem; bottom: .14rem; left: .14rem; border: #c6a987 1px solid;}
.lt4s3 li:nth-child(1) .imgBox .img{ padding-bottom: 62.66%;}
.lt4s3 li:nth-child(2) .imgBox .img{ padding-bottom: 66.52%;}

.home4{padding: .35rem 0 1.25rem;}
.home4 .wp{align-items: flex-start;}
.home4 .left{width: calc(100% - 9.38rem);position: relative;z-index: 2;align-items: center;padding: 0;}
.home4 .left:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;/* background: url(../images/lt5_b.jpg) center no-repeat; *//* background-size: cover; *//* mask: var(--corner-mask); *//* mask-size: var(--corner-size); *//* mask-repeat: no-repeat; */}
.home4 .right{width: 9.38rem;display: flex;justify-content: flex-end;}

.lt5Box{width: 100%;height: 100%;}
.lt5 .a{display: flex;width: 100%;height: 1.22rem;align-items: center;padding: 0 .45rem;transition: .5s;position: relative;}
.lt5 .a:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;overflow: hidden;background: #f3e1cc; transition: .5s;mask: var(--corner-mask);mask-size: var(--corner-size);mask-repeat: no-repeat;}
.lt5 .a:after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;overflow: hidden;background: url(../images/lt5_b1.jpg) center no-repeat;background-size: cover;transition: .5s;mask: var(--corner-mask);mask-size: var(--corner-size);mask-repeat: no-repeat;opacity: 0}
.lt5 li:nth-child(2n) .a:before{ background: #faf3eb}
.lt5 li.swiper-slide-active .a{ padding: 0 .3rem 0 .5rem}
.lt5 li.swiper-slide-active .a:before{ opacity: 1}
.lt5 li.swiper-slide-active a:after{ opacity: 0}

.lt5 li.on .a{ width: calc(100% + .3rem)}
.lt5 li.on .a:after{ opacity: 1}
.lt5 li.on h4{ color: #fff}

.lt6W{width: 100%;margin: 0;}
.lt6 .imgBox .img{padding-bottom: 64.49%;}

.ar2W{position: absolute;left: 50%;bottom: -.25rem;transform: translateX(-50%);align-items: center;z-index: 2;}
.ar2{display: flex;width: .5rem;height: .5rem;background: #fff;border-radius: 50vw;justify-content: center;align-items: center;cursor: pointer;transition: .5s;}
.ar2 svg{width: .12rem;height: .25rem;fill:#9b0000;transition: .5s;}
.ar2.next1{transform: rotateY(180deg); margin: 0 0 0 .2rem;box-shadow: 7.492px 18.544px .35rem 0px rgba(139, 109, 71, 0.06);}


.home5{ background: url(../images/ho5_b.jpg) center repeat-y; background-size: 100% auto;background-attachment: fixed;}

.lt7 .a{padding: .4rem .4rem .44rem;position: relative;z-index: 1;transition: .5s;}
.lt7 .a .before{position: absolute;top: 0;width: 100%;bottom: 0;left: 0;z-index: -1;overflow: hidden;transition: .5s;mask: var(--corner-mask);mask-size: var(--corner-size);mask-repeat: no-repeat;background: #fff url(../images/lt7_b.jpg) left center no-repeat;background-size: cover;}

.lt7 .ll{ width: 100%;}
.lt7 .imgBox .img{ padding-bottom: 139.09%;}
.lt7 .txt{margin: -.64rem 0 0 .25rem;height: .76rem;background: #c4aa87;position: relative;mask: var(--corner-mask);mask-size: var(--corner-size);mask-repeat: no-repeat;align-items: center;padding: 0 .3rem; transition: .5s;}
.lt7 .txt h4{ font-size: .26rem; color: #fff; margin: 0 .15rem 0 0}
.lt7 .txt .con{ flex: 1; overflow: hidden}
.lt7 .txt p{ font-size: .16rem; color: #fff; line-height: .2rem}
.lt7 .rr{position: absolute;top: .4rem;width: calc(4.1rem - .4rem);bottom: .4rem;left: 100%;overflow: hidden;opacity: 0;visibility: hidden;transition: .5s;padding: .4rem 0 0;}
.lt7 .rr h4{ font-size: .36rem; color: #222222; font-weight: 600}
.lt7 .rr h5{font-size: .2rem;color: #c4aa89;font-weight: 600;margin: .06rem 0 .2rem;}
.lt7 .rr p{font-size: .16rem;color: #666666;line-height: 1.75;padding: 0 0 0 .2rem;margin: 0 0 .18rem;position: relative;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;display: -moz-box;-moz-line-clamp: 4;-moz-box-orient: vertical;word-wrap: break-word;word-break: break-all;white-space: normal;}
.lt7 .rr p:before{content: "";position: absolute;width: .07rem;height: .07rem;background: #9b0000;left: 0;top: .11rem; }

.more3{ align-items: center}
.more3:before{ content: ""; flex: 1; height: 1px; background: #c4aa89; opacity: .5}
.more3 i{ font-size: .24rem; color: #c4aa89; font-family: "lib"; transform: rotate(90deg); margin: 0 0 0 .08rem; transition: .5s;}

.ar3W{margin: .58rem 0 0;align-items: center;}
.ar3{display: flex;width: .5rem;height: .5rem;background: #fff;border-radius: 50vw;justify-content: center;align-items: center;cursor: pointer;transition: .5s;}
.ar3 svg{width: .12rem;height: .25rem;fill:#9b0000;transition: .5s;}
.ar3.next1{background: #fff;transform: rotateY(180deg);margin: 0; box-shadow: 7.492px 18.544px .35rem 0px rgba(139, 109, 71, 0.06);}

.ar3W .swiper-scrollbar{flex: 1;overflow: hidden;height: 4px;z-index: 1;background: none;}
.ar3W .swiper-scrollbar:before{ content: ""; position: absolute; top: 50%; left: 0; right: 0; height: 1px; background: #fff; opacity: .4; margin: -.5px 0 0}
.ar3W .swiper-scrollbar div{ background: #fff; border-radius: 0}

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

.lt8 .a{display: block;position: relative;padding: 0 .4rem .1rem;}
.lt8 .a:before{content: "";position: absolute;top: .1rem;bottom: 0;left: .04rem;background-image: linear-gradient( -180deg, rgb(205,194,192) 50%, rgba(205,194,192,0) 100%);width: 1px; transition: .5s;}
.lt8 .a:after{content: "";position: absolute;top: .1rem;bottom: 0;left: 0;background: #9b0000;width: .09rem;height: .09rem;border-radius: 50vw}
.lt8 h4{ margin: .12rem 0 .25rem;}
.lt8 p{font-size: .16rem;color: #555;padding: 0 0 0 .32rem;line-height: 2;background-size: .21rem .21rem !important;}
.lt8 p.p1{ background: url(../images/lt8_i1.png) left .06rem no-repeat; }
.lt8 p.p2{background: url(../images/lt8_i2.png) left .06rem no-repeat;}
.lt8 p.p3{ background: url(../images/lt8_i3.png) left .06rem no-repeat; }
.lt8Box .dots1{ margin: .7rem 0 0}

@media(min-width: 769px){
    .ar1:hover{background: #c4aa89;}
    .ar1:hover svg{ fill: #fff}

    .ar2:hover{background: #c4aa89;}
    .ar2:hover svg{ fill: #fff}

    .ar3:hover{background: #c4aa89;}
    .ar3:hover svg{ fill: #fff}

    .lt2 li.on{ flex: 1.5}
    .lt2 li.on .a .imgW{ width: 2.1rem;}
    .lt2 li.on .a .imgBox{ opacity: 1}
    .lt2 li.on .a .before{ opacity: 1}
    .lt2 li.on .a *{ color: #fff;}

    .lt7 li:hover .a .before{ width: calc(100% + 4.1rem)}
    .lt7 li:hover ~ li .a{ transform: translateX(4.1rem)}
    .lt7 li:hover .rr{ opacity: 1; visibility: visible}
    .lt7 li:hover .txt{ background: #9b0000;}
    .more3 i:hover{ color: #9b0000;}

    .lt8 .a:hover:before{ background-image: linear-gradient( -180deg, #9b0000 50%, rgba(205,194,192,0) 100%);}

    
}
@media(max-width: 769px){
    .tit1{margin: 0 0 .2rem;flex-direction: row;justify-content: space-between;}
    .tit1 .ll img{ width: .3rem;}
    .tit1 h3{ font-size: .24rem;}
    .more1 img{ width: .36rem;}
    .more1{ padding: .05rem 0;}

    .home1 .left{width: 100%;padding: 0;}
    .home1 .right{width: 100%;padding: .15rem 0 0;}
    .lt1 .txt{margin: 0;padding: 0 15px;height: 1.4rem;}
    .lt1 .txt h6{ display: none}
    .more2{width: .46rem;height: .46rem;display: none;}
    .more2 i{ font-size: .2rem}

    .lt2 .a{ padding: 0;}
    .lt2 h6:before{left: -.66rem;display: none;}
    .lt2 h6:after{left: -.38rem;display: none;}
    .lt2{height: 2.4rem;padding: 0;background: none;}
    .lt2 li{ padding: 0}
    .lt2 h6{width: auto;order: 1;margin: .06rem 0 0;}
    .lt2 h4{margin: 0 .2rem 0 0;flex: 1;}
    .lt2 .txt{ display: flex}
    .lt2 .imgW{ display: none}

    .lt2 .h6s1 big{font-size: .16rem;}

    .home2 .content{padding: 15px 0;}
    .lt3 .a{ height: 1.15rem;}
    .home3 .right p{ margin: .1rem 0 0;}
    .dots1 span{ width: .36rem;}

    .home3 .right{width: 100%;padding: 0;}
    .home3 .left{width: 100%;padding: 0;}
    .tit1v .more1{ margin: 0 0 0 .1rem;}
    .home3 .right h4{font-size: .16rem;}

    .home3 .left1{width: 100%;/* padding: 0 0 0 50%; */margin: -.2rem 0 0;}
    .home3 .right1{width: 100%;padding: 0;}
    .lt4 .ico{width: .48rem;margin: 0 .12rem 0 0;}
    .lt4 h4{font-size: .2rem;}
    .lt4 .imgBox .img{padding-bottom: 47.984375%;}
    .lt4s2 .txt{height: 25vw;padding: 0 15px 0 8%;}
    .lt4s1 .txt{height: 22vw;}
    .lt4s3 li:nth-child(1) .a::after{ top: .08rem; right: .08rem; bottom: .08rem; left: .08rem}
    .lt4 .imgBox .img .i1{ opacity: 0}
    .lt4 .imgBox .img .i2{ opacity: 1}
    .home4 .left{width: 100%;padding: 0;}
    .home4 .right{width: 100%;padding: 0;}
    .lt5Box{/* height: 3.2rem; */}
    .lt5 .a{padding: 0 0 0 15px;width: 100% !important;!i;!;height: .9rem;}
    .lt5 li.swiper-slide-active .a{ padding: 0 15px 0 15px}
    .lt5 .a:after{left: 0;}
    .lt6W{ width: 100%; margin: 0}

    .home4{padding: .15rem 0 .5rem;}

    .lt7 li{ padding: 0 15px}
    .lt7 .a{padding: .25rem 15px;}
    .lt7 .txt{ padding: 0 15px}
    .lt7 .txt h4{ font-size: .2rem;}
    .lt7 .txt p{ font-size: .14rem;}
    .lt7 .txt .con{/* flex: auto; *//* width: 100%; */}
    .lt7 .ll{width: 62%;margin: 0 auto;}
    .lt7 .rr{width: 100%;position: initial;opacity: 1;visibility: visible;padding: .25rem 0 0;}
    .lt7 .rr h4{ font-size: .26rem}
    .lt7 .rr h5{ font-size: .16rem}

    .ar1W{bottom: calc(2rem - .2rem);right: 15px;}
    .ar1{ width: .4rem; height: .4rem;}
    .ar2W{ bottom: -.2rem;}
    .ar2{ width: .4rem; height: .4rem;}
    .ar3{ width: .4rem; height: .4rem;}
    .ar3W{margin: .28rem 0 0}
    .ar1 svg, .ar2 svg, .ar3 svg{ transform: scale(.7);}
    .lt8 .a{ padding: 0 0 0 .3rem;}
    .lt8 p{background-size: .17rem .17rem !important;background-position-y: .08rem !important;}
    .lt8Box .dots1{ margin: .3rem 0 0}
}