@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: 9vw;}
.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: 1;}
.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 .bottom{position: absolute;bottom: 2.5vw;display: flex;z-index: 2;justify-content: center;left: 0;right: 0;}
.banner .dots span{width: .1rem;height: .1rem;background: #fff;margin: 0 .07rem !important;opacity: 1;box-shadow: rgba(206,69,41,.5) 0 0 .1rem;}
.banner .dots span.active{background: #e2b075;}
.banner .bottom span{ font-size: .16rem; color: #fff; margin: 0 .15rem 0 .1rem}
.banner .bottom .a1{ font-size: .16rem; color: #fff}

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

.home1{background: url(../images/ho1_b.jpg) center bottom no-repeat;background-size: cover;background-attachment: fixed;position: relative;z-index: 1;padding-bottom: 1.1rem;}
.home1::before{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: url(../images/ho1_t.png) center bottom no-repeat;background-size: 100% auto;z-index: -1;pointer-events: none;}

.tit1{align-items: center;margin: .3rem 0 .4rem;}
.tit1 .ll{ position: relative; z-index: 1;}
.tit1 .ll img{content: "";position: absolute;left: 50%;top: -.26rem;transform: translateX(-50%);width: 100%;}
.tit1 .ll h3{font-size: .46rem;color: #000000;line-height: 1;}
.tit1c{ justify-content: center; position: relative}

.more1{ position: relative; z-index: 1; width: 1.18rem; align-items: center; }
.more1::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;border: rgba(216,33,40,.15) 1px solid;z-index: -1;border-radius: 50vw;transition: .5s;}
.more1 img{ width: .4rem; height: .4rem; transition: .5s}
.more1 span{flex: 1;overflow: hidden;text-align: center;font-family: "思源宋体 SemiBold";font-weight: 600;padding: 0 .06rem 0 0;transition: .5s;}

.tit1c .more1{ position: absolute; right: 0}

.lt1W{ position: relative; margin-bottom: 1.1rem;}
.lt1 .a{ display: block; background: #fff; transition: .5s;}
.lt1 .imgBox{ clip-path: polygon(0 0, 0 0, 100% 0, 100% 0, 100% calc(100% - .4rem), calc(100% - .4rem) 100%, 0 100%, 0 100%);}
.lt1 .txt{ padding: .35rem .3rem;}
.lt1 p{margin: .15rem 0 .3rem;}
.lt1 h6{ width: auto}
.lt1 .bottom{border-top: rgba(0, 0, 0, .06) 1px solid;align-items: center;padding: .28rem 0 .05rem;transition: .5s;}
.lt1 .bottom svg{ width: .14rem; height: .14rem; fill: #d82128; transition: .5s;}

.arr1{width: .6rem;height: .6rem;background: rgba(216,33,40,.05);border-radius: 50vw;transform: translateY(-50%);display: flex;align-items: center;justify-content: center;font-size: .34rem;color: #d82128;font-family: 'lib';position: absolute;top: 42%;z-index: 1;cursor: pointer;transition: .5s;}
.arr1.prev1{ left: -.84rem}
.arr1.next1{ right: -.84rem}

.home1 .wp{ align-items: center;}
.home1 .left{width: 7.35rem;padding: .32rem 0 .34rem .34rem;position: relative;z-index: 1;overflow: hidden;}
.home1 .left::before{content: "";position: absolute;top: 0;left: 0;bottom: 0;width: 4.52rem;background: #d82128;z-index: -1;transform: skewX(6deg);transform-origin: left bottom;pointer-events: none;}
.home1 .right{ width: calc(100% - 7.35rem - .4rem); }

.lt2 .a{ display: block; position: relative}
.lt2 .imgBox .img{ padding-bottom: 59%;}
.lt2 .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.6) 100%);z-index: 1;height: 1rem;}
.lt2 .txt{ position: absolute; right: 0; bottom: 0; left: 0; padding: 0 .2rem .15rem}
.lt2 h4{ color: #fff !important}

.lt3{display: grid;grid-template-columns: 1fr 1fr;gap: .38rem;height: 4.12rem;}
.lt3 .a{background: #fff;height: 100%;flex-direction: column;padding: 0 .3rem;justify-content: center; position: relative; z-index: 1;}
.lt3 .a::after{content: "";position: absolute;top: 0;right: 0; width: 0; height: 2px;background: #d82128;z-index: -1;pointer-events: none; transition: .5s;}
.lt3 h4{ height: .9rem; margin: 0 0 .2rem}

.home2 .left{ width: 65.27%;}
.home2 .right{ width: 29.16%;}

.lt4{display: grid;grid-template-columns: 1fr 1fr;gap: .4rem;}
.lt4 .a{ display: block; position: relative;}
.lt4 .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.6) 100%);z-index: 1;height: 1rem;}
.lt4 h6{ position: absolute; top: 0; left: 0; display: flex; width: 1rem; height: .35rem; color: #fff; background: #d82128; align-items: center; justify-content: center}
.lt4 .txt{ position: absolute; right: 0; bottom: 0; left: 0; padding: 0 .2rem .15rem}
.lt4 h4{ color: #fff !important}

.lt5{display: grid;grid-template-columns: 1fr 1fr;gap: 0 .4rem;margin: .2rem 0 0;}
.lt5 .a{display: flex;flex-direction: column;justify-content: center;position: relative;height: 1.38rem;border-bottom: rgba(0,0,0,.1) 1px dashed;}
.lt5 h6{margin: .18rem 0 0;}

.lt6Box{ overflow: visible;}
.lt6Box::after{ content: ""; position: absolute; top: .14rem; right: -.16rem; bottom: .14rem; left: 0; background: rgba(216,33,40,.2); z-index: -1;}
.lt6Box::before{ content: ""; position: absolute; top: .28rem; right: -.32rem; bottom: .28rem; left: 0; background: rgba(216,33,40,.1); z-index: -1;}
.lt6 .a{display: block;padding: .35rem .4rem;background: url(../images/lt6_b.jpg) center no-repeat;background-size: cover;min-height: 4.65rem;}
.lt6 .top{align-items: center;margin: 0 0 .3rem;}
.lt6 .top .imgBox{width: .7rem;border-radius: 50vw;border: rgba(255,255,255,.2) .05rem solid;}
.lt6 .top .imgBox .img{ padding-bottom: 100%;}
.lt6 .top .tit{font-size: .18rem;color: #fff;width: 1.2rem;height: .35rem;background: #e2b075;align-items: center;justify-content: center;font-family: 'Noto Serif SC';font-weight: 400;}
.lt6 h4{color: #fff !important;font-size: .22rem;line-height: .35rem;}
.lt6 .p{border-top: rgba(255,255,255,.2) 1px dashed;padding: .3rem 0 0;margin: .25rem 0 0;}
.lt6 .p p{font-size: .18rem;color: #fff;line-height: 1.5;margin: 0 0 .12rem;padding: 0 0 0 .3rem; position: relative;}
.lt6 .p p::before{ content: ""; position: absolute; background-size: cover !important; width: .2rem; height: .2rem; left: 0; top: .05rem;}
.lt6 .p .p1::before{ background: url(../images/lt6_i1.png) center no-repeat; }
.lt6 .p .p2::before{ background: url(../images/lt6_i2.png) center no-repeat; }
.lt6 .p .p3::before{ background: url(../images/lt6_i3.png) center no-repeat; }
.lt6 .p .p4::before{ background: url(../images/lt6_i4.png) center no-repeat; }

.lt6W .bottom{margin: .44rem 0 0;align-items: center;}

.arr2{width: .5rem;height: .5rem;background: #d82128;border-radius: 50vw;display: flex;align-items: center;justify-content: center;font-size: .24rem;color: #fff;font-family: 'lib';cursor: pointer;transition: .5s;}
.arr2.next1{ margin: 0 0 0 .08rem; background: #dfb27b;}

.lt6W .dots{width: auto;margin: 0 .1rem;font-size: .16rem;color: #666666;line-height: 1}
.lt6W .dots span{font-size: .16rem;}
.lt6W .dots span.swiper-pagination-current{font-size: .3rem;line-height: 1;color: #d82128;}

.home2-3{background: url(../images/home2-3_b.jpg) center bottom no-repeat;background-size: 100% auto;}
.home2{padding-top: .4rem;padding-bottom: .4rem;}
.home3{padding-top: .3rem !important;}

.lt7Box{ filter: drop-shadow(0px 3px .2rem rgba(0, 0, 0, 0.05));}
.lt7 .a{display: block;height: 2rem;background: #fff;padding: .35rem;position: relative;z-index: 1;transition: .5s;}
.lt7 .a::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/lt7_b.png) right center no-repeat;background-size: auto 100%;z-index: -1;pointer-events: none;}
.lt7 .a::after{ content: ""; position: absolute; top: 0; right: 0; left: 0; height: 3px; background: #d82128; transition: .5s;}
.lt7 h6 big{font-size: .26rem;color: #d82128;margin: 0 .03rem 0 0;transition: .5s;font-family: "思源宋体 Heavy";font-weight: 900;}
.lt7 h4{margin: .18rem 0 0;}

.lt7W .dots{ margin: .4rem 0 0; justify-content: center; align-items: center;}
.lt7W .dots span{width: .1rem;height: .1rem;background: rgba(0,0,0,.15);opacity: 1;margin: 0 .07rem; border-radius: 50vw; transition: .5s; }
.lt7W .dots span.active{ width: .3rem; background: #d82128;}

.home4{background: url(../images/ho4_b.jpg) center no-repeat;background-size: cover;padding-bottom: 0 !important; position: relative; z-index: 1;}
.home4::before{content: "";position: absolute;left: 0;right: 0; bottom: 0; height: 4.35rem; background: url(../images/ho4_b1.jpg) center no-repeat;background-size: cover;z-index: -1;pointer-events: none;}
.home4::after{content: "";position: absolute;left: 0;right: 0; bottom: .87rem; height: 0; border-bottom: rgba(255,255,255,.2) 1px dashed;z-index: -1;pointer-events: none;}

.lt8W{ position: relative; z-index: 1;}
.lt8 .a{ display: block; position: relative; z-index: 1;}
.lt8 .a::before{content: "";position: absolute;width: 1px;height: .6rem;background: #fff;top: calc(100% + .16rem);left: 50%;margin: 0 0 0 -.05px;opacity: .2;transition: .5s;}
.lt8 .a::after{content: "";position: absolute;width: .21rem;height: .21rem;background: url(../images/lt8_d.png) center no-repeat;background-size: 100% 100% !important;top: calc(100% + .82rem);left: 50%;margin: 0 0 0 -.105rem;transition: .5s;}
.lt8 .txt{height: 2.55rem;background: #fff;padding: .25rem .35rem;margin: 0 0 1.8rem;position: relative;}
.lt8 .txt:after{content: "";position: absolute;height: .05rem;background: #e2b075; bottom: 0; left: 50%;transform: translateX(-50%);width: 0;transition: .5s;}
.lt8 p{ margin: .12rem 0 .2rem;}
.lt8 h6{ color: #d82128;}

.lt8W .arr1{width: .5rem;height: .5rem;border: #fff 1px solid;font-size: .24rem;color: #fff;top: 53%;}

.home6{ position: relative; z-index: 1; padding: 0 !important;}
.home6 .top{position: absolute;top: 0;right: 0;bottom: 0;left: 0;transition: .5s;align-items: center;justify-content: center;  opacity: 0; visibility: hidden}
.home6 .top.show{ opacity: 1; visibility: visible}
.videoBox{position: relative;z-index: 1;overflow: hidden;width: 100vw;height: 100vh; background: #000;}
.videoBox .before{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url(../images/video.jpg) center no-repeat;background-size: cover;z-index: -1;transition: .5s;opacity: .65;}

.home6 .top1{position: absolute;right: 0;bottom: .74rem;left: 0;}
.lt9{justify-content: flex-end;align-items: flex-start;position: relative;}
.lt9:before{ content: ""; position: absolute; width: 50vw; height: 1px; background: rgba(255,255,255,.3); left: calc(100% + .05rem); top: .5rem}
.lt9 li{ text-align: center;}
.lt9 .ico{width: 1rem;height: 1rem;margin: 0 auto;position: relative;transition: .5s;border-radius: 50vw;}
.lt9 .ico:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;border: #fff 1px dashed;border-radius: 50vw;animation: roted 30s infinite linear;}
.lt9 .line{ width: .7rem; height: 1px; background: rgba(255,255,255,.3); margin: .5rem .05rem}
.lt9 h4{ font-size: .28rem; color: #fff !important; margin: .24rem 0 0}

.home7{background: url(../images/ho7_b.jpg) center no-repeat;background-size: cover;position: relative;z-index: 2;padding-bottom: 2.2rem;}
.home7:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/jianzhu.png) repeat-x;background-position-y: calc(100% + .5rem) !important;!i;!;animation: bgfubuki 300s linear infinite forwards;background-size: auto 2.1rem;}
@keyframes bgfubuki {
  0% {
    background-position-x: 0;
  }
  10% {
    background-position-x: 1000px;
  }
  20% {
    background-position-x: 2000px;
  }
  30% {
    background-position-x: 3000px;
  }
  40% {
    background-position-x: 4000px;
  }
  50% {
    background-position-x: 5000px;
  }
  60% {
    background-position-x: 6000px;
  }
  70% {
    background-position-x: 7000px;
  }
  80% {
    background-position-x: 8000px;
  }
  90% {
    background-position-x: 9000px;
  }
  100% {
    background-position-x: 10000px;
  }
}
.home7:after{content: "";position: absolute;right: 0;bottom: 0;left: 0;height: 2vw;background: url(../images/ho8_b1.png) center bottom no-repeat;background-size: 100% auto;pointer-events: none;}
.lt10{flex: 1;align-items: center;padding: 0 .1rem 0 .16rem;/* border-right: rgba(216,33,40,.15) 1px solid; */}
.lt10 li {position: relative; margin: 0 .07rem}
.lt10 li .a {display: flex;transition: .5s;position: relative;z-index: 1;align-items: center;justify-content: center;color: #ebce90;font-size: .36rem;font-family: 'lib';}
.lt10 li .a i,.swi-shipinhao,.swi-weixin0 {font-family: 'lib' }
.lt10 li .a>img {width: .3rem;height: .3rem;position: relative;z-index: 1;transition: all 0.5s}
.lt10 li .ewm {width: 1.4rem;background: #fff;border-radius: .06rem;position: absolute;padding: .03rem;top: 140%;left: 50%;margin-left: -.7rem;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) }
.lt10 li .ewm:before {content: "";position: absolute;width: .12rem;height: .12rem;background: #fff;transform: rotate(45deg);top: -.06rem;left: 50%;margin-left: -.06rem }.lt12 li .ewm img {width: 100% }
.lt10 li .ewm img{ width: 100%}
.lt10 li:hover .a {color: #f2d483 }
.lt10 li:hover .a:after {transform: translate(-50%, -50%) scale(1) }
.lt10 li:hover .ewm {opacity: 1;visibility: visible;transform: translateY(0) }

.more2{position: relative;z-index: 1;align-items: center;}
.more2::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;border: rgba(216,33,40,.15) 1px solid;z-index: -1;border-radius: 50vw;transition: .5s;}
.more2 .img1{width: .59rem;height: .59rem;transition: .5s}
.more2 span{overflow: hidden;text-align: center;font-family: "思源宋体 SemiBold";font-weight: 600;padding: 0 .06rem 0 0;transition: .5s;margin: 0 .15rem;}

.lt11{ margin: 0 -.5px; }
.lt11 li{ flex: 1; padding: 0 .5px; transition: .5s;}
.lt11 .a{ display: block; position: relative;}
.lt11 .imgBox .img{ padding-bottom: 4.4rem;}
.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.6) 100%);z-index: 1;height: 7vw; transition: .5s;}
.lt11 .txt{ position: absolute; right: 0; bottom: 0; left: 0; align-items: center;padding: .18rem;}
.lt11 i{ margin: 0 .12rem 0 0;display: flex;justify-content: center;align-items: center;position: relative;z-index: 1;}
.lt11 i:before{ content: ""; position: absolute; top: 2px; right: 2px; bottom: 2px; left: 2px; background: #fff; z-index: -1; border-radius: 50vw;}
.lt11 i img{ width: .3rem}
.lt11 h4{color: #fff !important;flex: 1;}

.home8{background: url(../images/ho8_b2.jpg) center top no-repeat;background-size: cover;padding-bottom: 11vw;}

.lt12Box{ filter: drop-shadow(0px 5px .1rem rgba(0, 0, 0, 0.3));}
.lt12 li{ width: 3.54rem;}
.lt12 .imgBox .img{ padding-bottom: 154.92%;}


@media(min-width: 769px){
    .lt1 .a:hover{ background: #d82128;}
    .lt1 .a:hover *{ color: #fff;}
    .lt1 .a:hover p{ opacity: .8;}
    .lt1 .a:hover .bottom{ border-top: rgba(255,255,255,.1) 1px solid;}
    .lt1 .a:hover .bottom svg{ transform: rotate(45deg); fill: #fff;}

    .arr1:hover{ background: #d82128; color: #fff;}

    .lt3 .a:hover::after{ width: 100%; left: 0; right: auto;}
    .lt3 .a:hover h6{ color: #d82128;}

    .more1:hover::before{ background: #d82128; }
    .more1:hover img{ filter:brightness(10); color: #fff;}
    .more1:hover span{ color: #fff}

    .lt7 .a:hover{ background: #d82128;}
    .lt7 .a:hover *{ color: #fff;}
    .lt7 .a:hover::after{ background: #e2b075;}

    .lt8 .a:hover .txt:after{ width: 100%}
    .lt8 .a:hover::before{ opacity: 1}
    .lt8 .a:hover::after{ background: url(../images/lt8_d1.png) center no-repeat;}

    .lt8W .arr1:hover{ background: #e2b075; border: #e2b075 1px solid;}

    .lt9 .a:hover .ico{background: #cf1221;}

    .lt11 li:hover{flex: 1.48;}
    .lt11 li:hover .imgBox:after{ background: linear-gradient(180deg, rgba(216,33,40,0) 0%, rgba(216,33,40,.9) 100%);}
}
@media(max-width: 1025px){
    .banner .imgBox .img{padding-bottom: 55%;}

    .banner .dots{ bottom: .2rem;}

    .videoBox video{height: 57vw;}
}
@media(max-width: 769px){
    .pad1{padding: .4rem 0;padding-bottom: 14vw;}

    .banner .bottom .a1{ font-size: .14rem;}

    .tit1 .ll h3{font-size: .24rem;}
    .tit1{ margin: .2rem 0 .25rem;}
    .tit1 .ll img{ top: -.16rem;}

    .ar1{justify-content: center;align-items: center;margin: .25rem 0 0;}
    .arr1{position: static;margin: 0 .12rem;transform: none;width: .44rem;height: .44rem;font-size: .24rem;}

    .lt1W{margin-bottom: .4rem;}
    .lt1 .txt{ padding: .25rem 15px;}
    .lt1 p{margin: .12rem 0 .2rem;}
    .lt1 .bottom{ padding: .2rem 0 .05rem;}

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

    .lt2 .imgBox:after{ height: .7rem}
    
    .lt3{ gap: 14px;height: 3.6rem;}
    .lt3 .a{ padding: 0 15px}
    .lt3 h4{height: calc(.26rem*3);}

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

    .lt4{gap: 14px;grid-template-columns: 1fr;}
    .lt4 .txt{ padding:  0 15px 10px;}
    .lt4 .imgBox:after{ height: .7rem}

    .lt5{gap: 0 14px;margin: .1rem 0 0;grid-template-columns: 1fr;}
    .lt5 .a{ height: 1.2rem}
    .lt5 h6{margin: .12rem 0 0;}
    .lt6 h4{font-size: .18rem;line-height: .26rem;}
    .lt6 .a{padding: .3rem 15px;min-height: 4rem;}
    .lt6 .p{ padding: .2rem 0 0;margin: .15rem 0 0;}
    .lt6 .p p{font-size: .16rem;margin: 0 0 .08rem;}
    .lt6 .p p::before{width: .16rem;height: .16rem;top: .02rem;}
    .arr2{ width: .44rem; height: .44rem;}
    .lt6W .bottom{margin: .25rem 0 0;}

    .lt6Box::after{ top: 7px; right: -7px; bottom: 14px; }
    .lt6Box::before{ top: 14px; right: 14px; bottom: 14px; }

    .home2{ padding-bottom: .1rem}
    .lt7 .a{padding: .2rem 15px;height: 1.6rem;}
    .lt7W .dots{ margin: .25rem 0 0;}
    
    .lt8 .txt{padding: .25rem 15px;height: 2.4rem;margin: 0;}
    .lt8W{ padding: 0 0 .4rem}
    .home4::after{ display: none}
    .home4::before{ height: 3.5rem}
    .lt8W .arr1{ width: .44rem; height: .44rem;}

    .lt9 .ico{width: .5rem;height: .5rem;}
    .lt9 h4{font-size: .16rem;margin: .1rem 0 0;}
    .lt9 .line{width: .4rem;flex: 1;margin: .25rem 0;}
    .lt9{ justify-content: center}

    .videoBox{ display: flex; align-items: center}
    .home6 .top1{bottom: 1rem;}
    .home6 .top{max-width: 45%;margin: 0 auto 14vw;}

    .home7 .tit1{justify-content: center;align-items: center;}
    
    .more2{margin: .15rem 0 0;width: 100%;}
    .more2 .img1{width: .4rem;height: .4rem}

    .lt10{justify-content: center;margin: 0 0 0 -.2rem;}
    .lt10 li{ margin: 0 .03rem}
    .lt10 li .a>img{ width: .24rem; height: .24rem}

    .lt11 li{ width: 50%; flex: auto; margin-bottom: 1px}
    .lt11 .imgBox .img{padding-bottom: 66%;}
    .lt11 i img{ width: .24rem}
    .lt11 .txt{ padding: 0 15px 10px}

    .home7{ padding-bottom: 20vw}
    .home7:before{background-size: auto 1rem;}
    
    .lt12 li{ width: 45%;}
    .more1{ width: 1rem;}
    .more1 img{ width: .3rem; height: .3rem; transition: .5s}
    .more1 span{ font-size: .14rem;}
}