@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.4) 100%);z-index: 1;height: 23vh;}
.banner .a{ display: block; position: relative; z-index: 1; overflow: hidden; }
.banner .imgBox{ overflow: hidden; width: 100%; transform: scale(1);}
.banner .imgBox .img{ padding-bottom: 100vh; transition: 0s; transform: scale(1) !important; }
.banner .imgBox .img video{ opacity: .9;}
.banner.on ul li.swiper-slide-active .a .imgBox, .banner.on ul li.swiper-slide-duplicate-active .a .imgBox, .banner.on ul li.swiper-slide-prev .a .imgBox{ animation: sca 6s linear 0s normal both;}
@keyframes sca {
    0% {
        transform: scale(1.06);
    }
    100% {
        transform: scale(1);
    }
}

.banner .dots{z-index: 10;display: flex;justify-content: center;align-items: center;position: absolute;left: 0;right: 0;bottom: .45rem;}
.banner .dots span{width: .34rem;height: .34rem;background: none;font-size: .16rem;color: #fff;opacity: 1;margin: 0 .15rem !important;position: relative;z-index: 1}
.banner .dots span:before{content: "";position: absolute;top: 50%;left: 50%;width: .12rem;height: .12rem;background: rgba(255,255,255,.63); transition: .5s; transform: translate(-50%,-50%); border-radius: 50%}
.banner .dots span:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/dots1.png) center no-repeat;background-size: cover;opacity: 0;transition: .5s;}


.banner .dots span.active:before{ opacity: 0}
.banner .dots span.active:after{ opacity: 1}

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

.tit1{ margin-bottom: .4rem; position: relative; }
.tit1 .ll{text-align: center;transform: translateX(.42rem);}
.tit1 .ll h3{font-size: .4rem;color: #000000;position: relative;line-height: 1.25;justify-content: center;}
.tit1 .ll h3::before{content: "";position: absolute;background: url(../images/tit1_i1.png) center no-repeat;background-size: cover;width: .24rem;height: .14rem;right: calc(100% + .16rem);top: 50%;transform: translateY(-50%);}
.tit1 .ll h3::after{content: "";position: absolute;background: url(../images/tit1_i2.png) center no-repeat;background-size: cover;width: .24rem;height: .14rem;left: calc(100% + .16rem);top: 50%;transform: translateY(-50%);}
.tit1 .ll h3 span{ display: flex; align-items: center}
.tit1 .ll h3 i{ width: .09rem; height: .09rem; background: #000; display:inline-block; margin: 0 .16rem; border-radius: 50%}
.tit1 .ll h6{font-size: .16rem;color: #8c2422;font-family: 'Times New Roman';font-style: italic;font-weight: bold;opacity: .3;text-transform: capitalize;}

.tit1-c{ justify-content: center;}
.tit1-c .ll{ transform: translateX(0)}

.more1{position: absolute;top: 50%;margin: -.2rem 0 0;right: 0;font-size: .16rem;color: #040000;align-items: center;}
.more1 .dot{width: .41rem;height: .41rem;position: relative;margin: 0 0 0 .36rem;transition: .5s;}
.more1 .dot::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: 50%;border: #a20000 2px solid;transform: scale(.7);transition: .5s;}
.more1 .dot::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: #a20000 1px dashed; animation: roted 5s infinite linear; transform: scale(.7);}
.more1 .dot span{position: absolute;width: .06rem;height: .06rem;background: #4d4d4d;border-radius: 50vw;top: 50%;left: 50%; margin: -.04rem 0 0 -.04rem}
.more1 .dot span:after{content: "";position: absolute;top: 50%;right: 0;width: .46rem;height: 1px;background: #4d4d4d;margin: -.25px 0 0 0;}

.home1{ background: #f5f5f5 url(../images/home1_b.png) center no-repeat; background-size: 100% auto;}

.lt1 li{width: 1.7rem;transition: .5s;}
.lt1 .a{position: relative;z-index: 1;flex-wrap: nowrap;}
.lt1 .bg{width: 1.7rem;transition: .5s;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-size: cover !important;z-index: 1;flex-direction: column;padding: .4rem .15rem;align-items: center;}
.lt1 .bg:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #871c16;/* opacity: .85; */z-index: -1;}
.lt1 .bg:after{content: "";position: absolute;top: 0;right: 0;left: 50%;background: #f4b382;width: 1px;height: .3rem;z-index: -1;}
.lt1 .bg h4{font-size: .2rem;color: #f4b382;writing-mode: tb-rl;width: auto;font-weight: 600;}
.lt1 .imgBox{width: 6.7rem;z-index: 2;opacity: 0;visibility: hidden;}
.lt1 .imgBox .img{padding-bottom: 62.59%;padding-bottom: 4.2rem;}
.lt1 .top{position: absolute;top: 0;left: 0;width: 1.125rem;height: 1.125rem;transform: rotate(-45deg);display: flex;justify-content: center;align-items: center;}
.lt1 .top h3{ font-size: .24rem; color: #fff; font-weight: 600; line-height: .5rem; position: relative; z-index: 1}
.lt1 .top h3:before{content: "";position: absolute;left: 50%;top: 0;bottom: 0;background: #f4b382;z-index: -1;transform: translateX(-50%);width: 50vw;}
.lt1 .txt{flex:1;overflow: hidden;background: #fff url(../images/lt1_b1.jpg) center no-repeat;display: flex;flex-direction: column;justify-content: center;padding: 0 .4rem;align-items: flex-start;position: relative;height: 3.9rem;}
.lt1 .txt h4{ font-size: .3rem; color: #871c16; font-weight: 500}
.lt1 .txt span{font-size: .14rem;color: #fff;padding: 0 .12rem;background: url(../images/lt1_b.jpg) center no-repeat;background-size: cover;display: inline-block;line-height: .26rem;min-width: .64rem;text-align: center;margin: .24rem 0 .1rem;}
.lt1 .txt p{font-size: .16rem;color: #666666;line-height: .3rem;max-height: calc(.3rem * 4)\0;margin: .15rem 0 .25rem;}

.lt1 li.on{width: calc(100% - 1.7rem*4 - .4rem);}
.lt1 li.on .imgBox{opacity: 1;visibility: visible;}
.lt1 li.on .bg{opacity: 0;visibility: hidden;}

.lt2 .content{ margin-bottom: .4rem;}
.lt2 .ll{width: .9rem;background: #005ebe;flex-direction: column;justify-content: center;align-items: center;flex-wrap: nowrap;margin: 0 .4rem 0 0;position: relative;}
.lt2 .ll:after{ content: ""; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); border-top: transparent .225rem solid; border-bottom: transparent .225rem solid; border-left: #005ebe .08rem solid}
.lt2 .ll img{ width: .3rem}
.lt2 .ll span{ font-size: .24rem;color: #fff;writing-mode: tb-rl; margin: .1rem 0 0}
.lt2 .rr{ flex: 1; overflow: hidden;}

.lt3{ margin: 0 -.2rem;}
.lt3 li{ width: 33.33%; padding: 0 .2rem;}
.lt3 .a{ display: block; position: relative;}
.lt3 .imgBox .img{padding-bottom: 62.22%;}
.lt3 .imgBox::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/lt3_b1.svg) center bottom no-repeat; background-size: 100% auto !important;}
.lt3 .txt{position: absolute;right: 0;bottom: 0;left: 0;padding: 3% .2rem;text-align: center;}
.lt3 h4{ color: #fff !important;}

.lt3 li:nth-child(2) .imgBox::after{ background: url(../images/lt3_b2.svg) center bottom no-repeat;}
.lt3 li:nth-child(3) .imgBox::after{ background: url(../images/lt3_b3.svg) center bottom no-repeat;}

.content1 .lt3 li:nth-child(1) .imgBox::after{ background: url(../images/lt3_b4.svg) center bottom no-repeat;}
.content1 .lt3 li:nth-child(2) .imgBox::after{ background: url(../images/lt3_b5.svg) center bottom no-repeat;}
.content1 .lt3 li:nth-child(3) .imgBox::after{ background: url(../images/lt3_b6.svg) center bottom no-repeat;}

.lt2 .content1 .ll{ background: #871c16;}
.lt2 .content1 .ll:after{ border-left: #871c16 .08rem solid}

.more2 img{ height: .31rem;}

.home3{padding-top: 0 !important;position: relative;z-index: 1;}
.home3::before{content: "";position: absolute;top: 1.82rem;left: 0;right: 0;bottom: 0;background: url(../images/home3_b.jpg) center no-repeat;z-index: -1;background-size: cover;} 
.lt4 .a{ align-items: center;}
.lt4 .imgBox{ width: 8.6rem; margin: 0 .6rem 0 0;}
.lt4 .imgBox .img{padding-bottom: 61.62%;}
.lt4 .txt{ flex: 1; overflow: hidden;}
.lt4 h6{ display: flex; justify-content: flex-start;}
.lt4 h6 span{display: flex;min-width: 1.26rem;height: .54rem;align-items: center;background: url(../images/lt4_b1.png) center no-repeat;background-size: cover;justify-content: center;font-size: .2rem;color: #f4b382;font-weight: 600;padding: 0 .1rem .06rem;position: relative;}
.lt4 h6 span:before{ content: ""; position: absolute; top: 0; right: -.05rem; border-left: #6c0f0a .05rem solid; border-top: transparent .06rem solid}
.lt4 h4{ font-size: .3rem; color: #8c2422; font-weight: bold; margin: .4rem 0 .2rem;}
.lt4 .more2{ margin: .3rem 0 .56rem;}
.lt4Box .dots{ display: flex; align-items: center;}
.lt4Box .dots span{width: .3rem;height: 3px;background: rgba(135,28,22,.1);opacity: 1;margin: 0 .1rem 0 0;border-radius: 0;transition: .5s;}
.lt4Box .dots span.active{ background: #871c16}

.home4{ background: url(../images/home4_b.jpg) center no-repeat; background-size: cover; background-attachment: fixed; position: relative; padding-bottom: 1.3rem;}
.home4:after{content: "";position: absolute;left: 0;bottom: 0;height: .42rem;background: #fff;transform: skewX(35deg);width: 50vw;transform-origin: right bottom;}
.home4 .wp{ align-items: center;}
.home4 .left{ width: 8.6rem;}
.home4 .right{width: calc(100% - 8.6rem - .3rem - .3rem);position: relative;z-index: 1;}
.home4 .right .before{ position: absolute;top: 0;right: 0;bottom: 0;left: 0; transform: scale(1.06) translateX(6%); z-index: -1;}
.home4 .right .before::before{content: "";border: rgba(255,255,255,.2) 1px dashed;border-radius: 50%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;animation: roted 80s infinite linear;}
.home4 .right .after{ position: absolute;top: 0;right: 0;bottom: 0;left: 0; transform: scale(1.06) translateX(-6%) translateY(-3%); z-index: -1;}
.home4 .right .after::after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;border: rgba(255,255,255,.2) 1px dashed;z-index: -1;border-radius: 50%; animation: roted 80s infinite linear;}

.tit1-w .ll h3::before{ background: url(../images/tit1_i1w.png) center no-repeat;background-size: cover;}
.tit1-w .ll h3::after{ background: url(../images/tit1_i2w.png) center no-repeat;background-size: cover;}
.tit1-w .ll h3{ color: #fff;}
.tit1-w .ll h6{ color: #f4b382; opacity: .3}

.tit1-w .more1{ color: #f4b382;}
.tit1-w .more1 .dot span{ background: #f4b382;}
.tit1-w .more1 .dot span:after{ background: #f4b382;}
.tit1-w .more1 .dot::before{ border: #f4b382 2px solid;}
.tit1-w .more1 .dot::after{ border: #f4b382 1px dashed;}

.lt5Box{height: calc(1.7rem * 3);margin-left: calc((100vw - 15.6rem)/2*-1);margin-right: -1rem;}
.lt5 .a{height: 1.7rem;align-items: center;position: relative;z-index: 1;padding-left: calc((100vw - 15.6rem)/2);padding-right: 1rem;}
.lt5 .a::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/lt5_b.png) center no-repeat;background-size: cover;z-index: -1;transition: .5s;opacity: 0;transform: translateX(-101%);}
.lt5 .imgBox{width: 1.1rem;margin: 0 .26rem 0 0;border-radius: 50vw;border: #f2b080 2px solid;}
.lt5 .imgBox:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.lt5 .imgBox .img{ padding-bottom: 100%;}
.lt5 .txt{ flex: 1; overflow: hidden;}
.lt5 h4{ font-size: .22rem; color: #fff !important;}
.lt5 p{color: rgba(255,255,255,.6);margin: .06rem 0 0;width: 65%;}

.lt5 li.swiper-slide-active .a::before{ opacity: 1; transform: translateX(0)}
.lt5 li.swiper-slide-active .a h4{ color: #86211f !important}
.lt5 li.swiper-slide-active .a p{ color: #86211f}

.lt5W .dots{ display: flex; align-items: center; margin: .4rem 0 0;}
.lt5W .dots span{width: .3rem;height: 3px;background: rgba(255,255,255,.5);opacity: 1;margin: 0 .1rem 0 0;border-radius: 0;transition: .5s;}
.lt5W .dots span.active{ background: #f4b382}

.lt6 .imgBox{ border-radius: 50vw;}
.lt6 .imgBox .img{ padding-bottom: 100%;}

.lt7W{ position: relative;}

.arr1{ width: .5rem; height: .5rem; border: #6c0f0a 1px solid; border-radius: 50vw; font-size: .3rem; color: #6c0f0a; transition: .5s; display: flex; align-items: center; justify-content: center; font-family: 'lib'; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer;}
.arr1.prev{ left: -.8rem;}
.arr1.next{ right: -.8rem;}

.lt7 .a{ display: block; position: relative;}
.lt7 .imgBox .img{ padding-bottom: 56.57%;}
.lt7 .txt{position: absolute;right: 0;bottom: 0;left: 0;background: url(../images/lt7_b.png) center no-repeat;background-size: cover;padding: .2rem .4rem 0;height: 1.6rem;border-left: #8c2422 .04rem solid;}
.lt7 h4{font-size: .24rem;color: #fff !important;font-weight: 600;margin-bottom: .1rem}
.lt7 .flex{ font-size: .16rem; color: #fff; line-height: .26rem}

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

.more2s{ position: relative; z-index: 1;}
.more2s::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/more2.png) left center no-repeat;background-size: auto 100%;z-index: -1;transition: .5s;}
.more2s img{ opacity: 0; transition: .5s}

.lt8 .a{ margin-bottom: .22rem; padding: .3rem 0; align-items: center; position: relative; z-index: 1;}
.lt8 .a::before{content: "";position: absolute;top: 0;bottom: 0;left: 0;background: #fff;z-index: -1;transform: skewX(8deg);width: 6.6rem;transform-origin: right bottom; transition: .5s;}
.lt8 .imgBox{ width: 7rem; margin: 0 .6rem 0 .3rem;}
.lt8 .txt{ flex: 1; overflow: hidden; padding: .2rem 0;}
.lt8 h4{ font-size: .3rem; color: #000000; line-height: 1.4; max-height: inherit \0;}
.lt8 p{ margin: .2rem 0 .55rem;}

.lt8 .a:last-child .imgBox{ order: 1; margin: 0 .3rem 0 .6rem;}
.lt8 .a:last-child::before{ left: auto; right: 0;transform: skewX(-8deg);width: 6.6rem;transform-origin: right bottom;}

.lt8Box .dots{display: flex;align-items: center;justify-content: center;margin: .2rem 0 0;}
.lt8Box .dots span{width: .3rem;height: 3px;background: rgba(135,28,22,.1);opacity: 1;margin: 0 .05rem;border-radius: 0;transition: .5s;}
.lt8Box .dots span.active{ background: #871c16}

.home7{ background: url(../images/home7_b.png) center bottom no-repeat; background-size: 100% auto; position: relative;}
.home7 .left{ width: 8.36rem;}
.home7 .right{ width: calc(100% - 8.36rem - .55rem); position: relative; z-index: 1;}

.lt9{ margin: 0 -.1rem;}
.lt9 li{ width: 50%; padding: 0 .1rem;}
.lt9 .imgBox .img{ padding-bottom: 63.7%;}
.lt9 .txt{height: 3.05rem;background: #f8f8f8;padding: .36rem 0.3rem; position: relative; z-index: 1; transition: .5s;}
.lt9 .txt::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/lt9_b.png) center bottom no-repeat; background-size: 100% auto; z-index: -1; opacity: 0; transition: .5s;}
.lt9 h4{ font-size: .22rem; line-height: .32rem; max-height: .64rem\0;}
.lt9 p{ margin: .15rem 0 .2rem;}

.lt10{position: relative;z-index: 1;height: 5.65rem;padding: 0 0 0 .45rem;display: flex;flex-direction: column;/*justify-content: center;*/}
.lt10::before{ content: ""; position: absolute; top: 0; right: -.6rem; bottom: 0; left: 0; z-index: -1; background: #f8f8f8;}
.lt10::after{content: "";position: absolute;top: 0;bottom: 0;left: calc(100% + .6rem);z-index: -1;background: url(../images/home7_b1.jpg) center no-repeat;background-size: cover;width: calc((100vw - 15.6rem)/2 - .6rem);}
.lt10 li{border-bottom: #dfdfdf 1px solid;width: 100%; position: relative;}
.lt10 .a::after{ content: ""; position: absolute; bottom: 0; left: 0; background: #8c2422; z-index: -1; opacity: 0; transition: .5s; width: 0; height: 2px;}
.lt10 .a{height: 1.35rem;flex-direction: column;justify-content: center; position: relative;}
.lt10 h6{ font-weight: bold; margin-bottom: .02rem}
.lt10 h6 big{ font-size: .36rem}

.lt10 li:last-child{ border: none;}

.lt11 .a{ display: block; position: relative;}
.lt11 .imgBox .img{ padding-bottom: 38.02%;}
.lt11 .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.4) 100%);z-index: 1;height: 23vh;}
.lt11 .top{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 0 15px; display: flex; align-items: center; justify-content: center;}
.lt11 .top i{width: 1.18rem;height: 1.18rem;border: #fff 3px solid;border-radius: 50%;display: flex;align-items: center;justify-content: center;padding: 0 0 0 .5%;transform: translateY(-10%);}
.lt11 .top i img{width: .34rem;transition: .5s;}
.lt11 .txt{position: absolute;right: 0;bottom: .38rem;left: 0;text-align: center;z-index: 100}
.lt11 h4{ font-size:.3rem; color: #fff !important; letter-spacing: .02rem}

@media(min-width: 769px){
    .more1:hover .dot:before{ transform: scale(1.2)}

    .arr1:hover{ background: #6c0f0a; color: #fff; }

    .lt8 .a:hover::before{ background: #8c2422;}
    .lt8 .a:hover .more2s::before{ opacity: 0}
    .lt8 .a:hover .more2s img{ opacity: 1}

    .lt9 .a:hover .txt::before{ opacity: 1;}
    .lt9 .a:hover .txt{ background: #871c16;}
    .lt9 .a:hover *{ color: #f4b382;}
    
    .lt10 .a:hover::after{ width: 100%; opacity: 1;}

    .lt11 .a:hover .top i img{ transform: scale(1.1)}
}
@media(max-width: 1024px){
    .banner .imgBox .img{padding-bottom: 55%;}
    .banner .dots{ bottom: .15rem}
    .banner .dots span{ transform: scale(.7); margin: 0 0 !important}
}
@media(max-width: 800px){
} 
@media(max-width: 769px){
    .pad1{ padding: .4rem 0;}
    .tit1 .ll h3{ font-size: .24rem;}
    
    .tit1{ justify-content: flex-start !important; margin-bottom: .25rem}
    .tit1 .ll{ transform: translateX(.42rem) !important;}
    .tit1 .ll h3::before{right: calc(100% + .1rem);}
    .tit1 .ll h3::after{left: calc(100% + .1rem);}

    .more1{ transform: scale(.75); transform-origin: right}

    .lt1 li{width: 100% !important;margin-bottom: .2rem;}
    .lt1 .a{ display: block}
    .lt1 li .imgBox{opacity: 1 !important;visibility: visible !important; width: 100%}
    .lt1 .imgBox .img { padding-bottom: 62.59%;}
    .lt1 .txt{width: 100%;padding: .2rem .2rem;height: auto;}
    .lt1 .bg{ display: none}
    .lt1 .top h3{font-size: .18rem;line-height: .4rem;}
    .lt1 .top{ width: .8rem; height: .8rem}

    .lt2 .ll{width: .6rem;margin: 0 .2rem 0 0;}

    .lt3 li{ width: 100%; margin-bottom: .15rem;}
    .lt3 li:last-child{ margin-bottom: 0}
    .lt3 .txt{ padding: 1.5% 15px}

    .lt2 .content{ margin-bottom: .25rem;}
    .lt2 .ll span{ font-size: .2rem;}
    .lt2 .ll img{ width: .22rem;}

    .tit1 .ll h3 i{ width: .05rem; height: .05rem; margin: 0 .08rem;}

    .lt4 .imgBox{ width: 100%; margin: 0 0 .3rem;}
    .lt4 .txt{width: 100%;flex: auto;}
    .lt4 h4{ margin: .2rem 0 .15rem}

    .more2 img{ height: .24rem}
    .lt4 .more2{ margin: .2rem 0 .3rem;}

    .lt5Box{margin: 0 -15px;height: calc(1.25rem* 3);}
    .lt5 .a{padding: 0 15px;height: 1.25rem;}
    .lt5 p{ width: 100%;}

    .home4:after{ height: .2rem}
    .lt5W .dots{ margin: .2rem 0}

    .lt4Box .dots span{ width: .2rem}
    .lt5W .dots span{ width: .2rem}

    .home4 .left{ width: 100%;}
    .home4 .right{width: 100%;display: none;}

    .lt7 .txt{position: relative;background: #870006;}

    .arr1{z-index: 2;width: .36rem;height: .36rem;font-size: .2rem;}
    .arr1.prev{ left: 15px}
    .arr1.next{ right: 15px}

    .lt8 .a{ padding: .3rem .2rem;}
    .lt8 .a::before{ width: 100%; transform: skewX(0);}
    .lt8 .imgBox{width: 100%;margin: 0 !important;order: -1 !important;}
    .lt8 .txt{flex: auto;overflow: hidden;padding-bottom: 0;}
    .lt8 p{ margin: .2rem 0 .3rem;}
    .lt9 .txt{padding: .2rem .2rem;height: 2.4rem;}

    .home7 .left{ width: 100%}
    .home7 .right{width: 100%;margin: .4rem 0 0;}
    .lt10::before{ right: 0}
    .lt10{ height: auto; padding: .2rem}
    .lt10 .a{ height: 1.1rem}
    
    .lt11 .imgBox .img{ padding-bottom: 50%}
    .lt11 .top i{ transform: scale(.5) translateY(-10%)}
    .lt11 .txt{ bottom: .15rem}
} 
@media(max-width: 560px){
}