@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.06);}
.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 3s linear 0s normal both;}
@keyframes sca {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.06);
    }
}

.ser-bottom {position: relative;z-index: 1000;width: calc(100vw - 39%);}
.from_m2 {width: 100%;margin: 0 auto;border-radius: 50vw;background: #fff;}
.from_m2 .input-box {width: 100%;height: .68rem;border-radius: 50vw;position: relative;z-index: 1;display: flex;align-items: center;justify-content: space-between;padding: 0 .15rem 0 0;}
.from_m2 .ai1{background: url(../images/from_m2.jpg) center no-repeat;background-size: cover;width: 1.36rem;height: 100%;border-radius: 50vw;align-items: center;justify-content: center;font-size: .3rem;color: #8c1515;font-weight: bold;}
.from_m2 .input-box .input {height: 100%;flex: 1;padding: 0 .3rem;font-size: .2rem;color: #000000;overflow: hidden}
.from_m2 .button {cursor: pointer;font-size: .14rem;width: .42rem;height: .42rem;background: url(../images/from_m2.png) center no-repeat;background-size: 100%;}
.from_m2 .button:hover{ -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: beat .6s 1; animation: beat .6s 1; }

@keyframes beat {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.88, 1.12); transform: scale(0.88, 1.12); }
    50% { -webkit-transform: scale(1.12, 0.88); transform: scale(1.12, 0.88); }
    75% { -webkit-transform: scale(0.88, 1.12); transform: scale(0.88, 1.12); }
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.88, 1.12); transform: scale(0.88, 1.12); }
    50% { -webkit-transform: scale(1.12, 0.88); transform: scale(1.12, 0.88); }
    75% { -webkit-transform: scale(0.88, 1.12); transform: scale(0.88, 1.12); }
}

.banner_box .bottom{position: absolute;right: 0;bottom: .2rem;left: 0;z-index: 10;justify-content: center;align-items: center;}
.banner_box .dots{position: absolute;left: 50%;padding: 0 2vw;bottom: .85rem;transform: translateX(-50%);}

.banner .dots{display: flex;margin: 0px;z-index: 10;width: auto;margin-left: .3rem;}
.banner .dots span {width: .12rem;height: .12rem;transition: .5s;margin: 0 .08rem !important;opacity: 1 !important;background: none;position: relative;z-index: 1;background: rgba(255,255,255,.5);}
.banner .dots span img {width: 100%;height: 100%;transition: .5s }
.banner .dots span img.i2 {position: absolute;top: 0;right: 0;bottom: 0;left: 0;opacity: 0 }
.banner .dots span.active { background: #fff}

.banner .dots span:after {content: "";position: absolute;width: 0;height: 1px;background: rgba(255,255,255,.55);top: 50%;left: 134%;transition: .5s;opacity: 0;display: none;}
.banner .dots span.active:after {width: .62rem;opacity: 1}

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


.tit1{margin: 0 0 .35rem;position: relative;align-items: flex-end;}
.tit1 .ll{ align-items: flex-end;}
.tit1 .ll img{ height: 1.1rem}
.tit1 .ll1{margin: 0 0 0 .1rem;padding: 0 0 .08rem;}
.tit1 .ll h6{font-size: .16rem;color: #8c1515;text-transform: capitalize;line-height: 1;}
.tit1 .ll h3{font-size: .44rem;color: #2a328d;font-family: 'Noto Serif SC';font-weight: 700;line-height: 1;margin: .06rem 0 0;}

.tit1c{ justify-content: center;}

.more1{ align-items: center; font-size: .2rem; color: #b0825b; font-family: 'Noto Serif SC'; font-weight: 400; position: absolute; top: 50%; transform: translateY(-50%); right: 0;}
.more1 img{width: .26rem;margin: 0 .07rem 0 0;}

.home1{background: url(../images/ho1_b.jpg) center bottom no-repeat;background-size: 100% auto;padding-bottom: 3.2rem;}
.home1 .box{ width: calc(50% - .11rem); flex-direction: column;}
.home1 .box .con{ width: 100%;}
.home1 .box2 .con1{ order: 1;}

.lt1{margin: .11rem 0;}
.lt1 .a{ display: block; position: relative;}
.lt1 .imgBox .img{ padding-bottom: 56.21%;}
.lt1 .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: 1rem;}
.lt1 .txt{ position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; padding: 0 .3rem .2rem;}
.lt1 h6{ color: rgba(255,255,255,.6); margin: 0 0 .06rem}
.lt1 h4{ color: #fff !important; }

.lt2{margin: .11rem -.11rem;}
.lt2 li{ width: 50%; padding: 0 .11rem;}
.lt2 .a{display: block;position: relative;background: rgba(255,255,255,.125);box-shadow: 0px 6px .32rem 0px rgba(52, 0, 0, 0.14);position: relative;z-index: 1;}
.lt2 .txt{height: 1.34rem;padding: 0 .3rem;display: flex;align-items: center;position: relative;flex-direction: column;justify-content: center;}
.lt2 .txt::before{ content: ""; position: absolute; left: 0; bottom: 0; height: .03rem; background: #28318c; transition: .5s; width: 0;}
.lt2 .txt::after{ content: ""; position: absolute; left: 0; bottom: 0; height: .03rem; background: #0bcce5; transition: .5s; width: 0;}
.lt2 h4{/* font-size: 16px; *//* line-height: 24px; */height: .6rem;margin-bottom: .1rem;}

#maodian2{ margin: -2.8rem 0 0;}
.home2{margin: -2.8rem 0 0;padding-bottom: 0 !important;overflow: visible;}
.home2 .fl1{align-items: flex-end;}
.home2 .left{width: 5.4rem;position: relative;z-index: 2;}
.home2 .right{width: calc(100% - 5.4rem);background: #fff;padding: 0 0 0 .36rem; box-shadow: 0px 7px .46rem 0px rgba(79, 3, 3, 0.08);}

/*日历*/
.calendar{background: url(../images/calendar.jpg) center no-repeat;background-size: cover;height: 6.32rem;padding: .8rem .45rem;}
.calendar .box{background: #fff;overflow: hidden;}
.calendar .year-m{position: relative;z-index: 3;align-items: center;padding: 0 .2rem;cursor: pointer;justify-content: space-between;margin: 0 0 .2rem;}
.calendar .year-m .ll{ font-size: .24rem; color: #fff}
.calendar .year-m .rr{ align-items: center}
.ca_btn{font-size: .26rem;color: #fff;font-family: 'lib'}
.calendar .year-m span{font-size: .16rem;color: #fff;position: relative;margin: 0 .1rem;}
.calendar .year-m ul{background: #fff;color: #555;padding: .1rem 0;max-height: 1.8rem;overflow: auto;width: 100%;position: absolute;left: 0;top: 100%;box-shadow: 0 0 .1rem rgba(0, 0, 0, .1);opacity: 0;z-index: 5;display: none;visibility: hidden;transition: .5s;transform: scaleY(0);transform-origin: top;}
.calendar .year-m ul::-webkit-scrollbar {width: .05rem }
.calendar .year-m ul::-webkit-scrollbar-thumb {border-radius: .1rem;background: #b81c22;}
.calendar .year-m ul::-webkit-scrollbar-track {border-radius: .1rem;background: #ddd;}
.calendar .year-m ul li {font-size: .16rem;padding: .1rem .2rem;cursor: pointer;transition: .5s;color: #888;text-align: center;font-family: 'Noto Serif SC';font-weight: 700;}
.calendar .year-m ul li:hover {background: #eee;color: #90000A;}

.calendar .year-m:hover ul {opacity: 1;visibility: visible;transform: scaleY(1);}

.calendar-content {padding: 0;}
.calendar-content table {width: 100%;text-align: center;}
.calendar-content th {color: #fff;padding: .1rem 0;font-size: .16rem;}
.calendar-content td {color: #fff;padding: .01rem 0;vertical-align: middle;font-size: .16rem;}
.calendar-content td span {width: .3rem;height: .3rem;padding: 0;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: .07rem auto;}
.calendar-content td.calendar-selected {background-color: #00f7de }
.calendar-content td.calendar-this1 span{color: #b81c22 !important;!i;!;background: #fff;}
.calendar-content td.calendar-this1 span:after{ display: none}
.calendar-content .day-next, .calendar-content .day-prev {color: #d2d2d2;}
.calendar-content .day-next.calendar-has span, .calendar-content .day-prev.calendar-has span {background: #f2f2f2;}
.calendar-content .calendar-this span{color: #fff !important;}
.calendar-content .calendar-has span{cursor: pointer; position: relative}
.calendar-content .calendar-has span:after{ content: ""; position: absolute; bottom: 0; left: .05rem; right: .05rem; background: #fff; height: 1px}

.lt3 li{ height: auto}
.lt3 .a{display: flex;padding: .56rem .11rem .9rem;border-right: #fbfbfb 1px solid;height: 100%;flex-direction: column;}
.lt3 .imgBox .img{ padding-bottom: 56.12%;}
.lt3 .txt{padding: .34rem .15rem;border: #e9e9e9 1px solid;flex: 1;overflow: hidden;}
.lt3 h4{margin-bottom: .2rem;height: .6rem;}
.lt3 p{font-size: .16rem;color: #666;line-height: 1.5;position: relative;z-index: 1;padding: 0 0 0 .32rem;margin-top: .08rem;}
.lt3 p i{position: absolute;left: 0;top: 0;width: .24rem;height: .24rem;}
.lt3 p i img{ width: 100%;vertical-align: top;}
.lt3 p span{display: inline-block;}
.home2 .tit1{ margin-bottom: 0;}

.cslideW{position: absolute;z-index: 1;width: calc((100vw - 6.32rem)/3.6 + .45rem);left: 100%;top: .5rem;opacity: 0;visibility: hidden;transition: .5s;z-index: 1000;background: rgba(40,49,140,.96);}
.cslideW:after{ content: ""; position: absolute; right: 100%; top: 50%; border-top: transparent .1rem solid; border-bottom: transparent .1rem solid; border-right: rgba(40,49,140,.96) .14rem solid; margin: -.1rem 0 0}
.cslideW .sbtn{width: .6rem;display: flex;justify-content: space-between;align-items: center;}
.cslideW .sbtn .arrow{font-size: .24rem;color: #fff;font-family: 'lib';display: flex;cursor: pointer;transition: .5s;z-index: 2;}

.cslideW .dots{margin: .15rem 0;text-align: center;}
.cslideW .dots span{width: 2px;height: 2px;background: #fff;opacity: 1;margin: 0 .03rem 0 0;!;}
.cslideW .dots span.active{width: .3rem;}
.cslide{margin: 0;}
.cslide .txt{padding: .32rem .4rem;height: 100%;min-height: 2.6rem;}
.cslide .txt .top{align-items: center;margin: .3rem 0 0;}
.cslide .txt .top .time{align-items: baseline;}
.cslide .txt .top .time big{font-size: .4rem;color: #b81c22;font-family: 'Georgia';line-height: 1;}
.cslide .txt .top .time small{font-size: .2rem;color: #b81c22;font-family: 'Georgia';line-height: 1;margin: 0 0 0 .12rem;}
.cslide h4{font-size: .2rem;margin-bottom: .2rem;min-height: .6rem;color: #fff;}
.cslide p{font-size: .16rem;color: #fff;line-height: 1.5;position: relative;z-index: 1;padding: 0 0 0 .32rem;margin-top: .08rem;}
.cslide p i{position: absolute;left: 0;top: 0;width: .24rem;height: .24rem;}
.cslide p i img{ width: 100%;vertical-align: top;}
.cslide p span{display: inline-block;}

.cslideW.on{ opacity: 1; visibility: visible}

.lt4W{position: relative;z-index: 1;margin: -.5rem 0 0;}
.lt4W::before{content: "";position: absolute;width: 100vw;height: 1px;background: #e3ce9d;left: 50%;transform: translateX(-50%);z-index: -1;top: 50%;}
.lt4 .a{ display: block; position: relative}
.lt4 .a:before{content: "";position: absolute;background: url(../images/lt4.png) center no-repeat;background-size: cover;width: .16rem;height: .16rem;left: .6rem;top: 50%;transform: translateY(-50%);}
.lt4 .imgBox{ opacity: 0}
.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.7) 100%);z-index: 1;height: 1rem;}
.lt4 .imgBox .img{ padding-bottom: 56.29%}
.lt4 .txt{position: absolute;top: 0;right: 0;bottom: 0;left: 0;padding: 0 .28rem .18rem;display: flex;flex-direction: column;justify-content: flex-end;}
.lt4 h4{margin: .06rem 0 0;height: .6rem;transform: translateY(-.25rem);}
.lt4 h6{color: #8c1515;transform: translateY(-.66rem);font-size: .16rem;}

.dots1{ justify-content: center; margin: .5rem 0 0;}
.dots1 span{width: 6px;height: 4px;background: rgba(102,102,102,.33);margin: 0 .03rem !important;border-radius: 0;opacity: 1;}
.dots1 span.active{ width: .16rem; background: #8c1515;}

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

.home4{background: #f8f8f8 url(../images/ho4_b.jpg) center bottom no-repeat;background-size: cover;position: relative;z-index: 1;padding-bottom: 15vw;}
.home4:before{content: "";background: url(../images/xiantiao.png) center bottom no-repeat;background-size: 100% auto;position: absolute;z-index: -1;right: 0;bottom: -1px;left: 0;top: 0;}
.home4 .bg1{position: absolute;top: .66rem;right: calc((100vw - 15rem)/2);width: 23vw;mix-blend-mode: darken;opacity: .5;}
.home4 .bg1 video{ width: 100%}
.home4 .wp.flexjs{ align-items: flex-start}

.home4 svg{position: absolute;right: 0;bottom: -.3vw;left: 0;opacity: .5;z-index: -1;opacity: 0;}

.home4 svg .cls-1{animation: dh1 20s infinite linear;}
@keyframes dh1 {
    0% {
        transform: 0 
    }
    50% {
        transform: translateX(-6vw) 
    }
    100% {
        transform: 0 
    }
}
.home4 svg .cls-2{animation: dh2 10s infinite linear;}
@keyframes dh2 {
    0% {
        transform: 0 
    }
    50% {
        transform: translateX(2vw) 
    }
    100% {
        transform: 0 
    }
}
.home4 svg .cls-3{animation: dh3 20s infinite linear;}
@keyframes dh3 {
    0% {
        transform: 0 
    }
    50% {
        transform: translateX(6vw) 
    }
    100% {
        transform: 0 
    }
}
.home4 svg .cls-4{animation: dh4 8s infinite linear;}
@keyframes dh4 {
    0% {
        transform: 0 
    }
    50% {
        transform: translateX(-1vw) 
    }
    100% {
        transform: 0 
    }
}

.home4 svg .cls-5{animation: dh5 8s infinite linear;}
@keyframes dh5 {
    0% {
        transform: 0 
    }
    50% {
        transform: translateX(2vw) 
    }
    100% {
        transform: 0 
    }
}

.cloud-content {
    bottom: 0;
    left: 0;
    height: 18vw;
    position: absolute;
    right: 0;
    z-index: -1;
}
.cloud-block {
    position: absolute;
    /* opacity: 0.5; */
    filter: blur(0px);
}
.cloud-1 {
    top: 25%;
}
.cloud-2 {
    top: 40%;
}
.cloud-3 {
    top: 20%;
}
.cloud-4 {
    top: 30%;
}
.cloud-5 {
    top: 20%;
}
.cloud-6 {
    top: 30%;
}
.cloud-7 {top: 10%;}
.cloud-1 {
    animation: animate-1 32s linear infinite;
    -webkit-animation: animate-1 32s linear infinite;
    transform: scale(0.65);
    -webkit-transform: scale(0.65);
}
.cloud-2 {
    animation: animate-2 37s linear infinite;
    -webkit-animation: animate-2 37s linear infinite;
    transform: scale(0.45);
    -webkit-transform: scale(0.45);
}
.cloud-3 {
    animation: animate-3 45s linear infinite;
    -webkit-animation: animate-3 45s linear infinite;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
}
.cloud-4 {
    animation: animate-4 50s linear infinite;
    -webkit-animation: animate-4 50s linear infinite;
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
}
.cloud-5 {
    animation: animate-5 55s linear infinite;
    -webkit-animation: animate-5 55s linear infinite;
    transform: scale(0.55);
    -webkit-transform: scale(0.55);
    opacity: 0;
}
.cloud-6 {
    animation: animate-6 60s linear infinite;
    -webkit-animation: animate-6 60s linear infinite;
    transform: scale(0.45);
    -webkit-transform: scale(0.45);
}
.cloud-7 {
    animation: animate-7 65s linear infinite;
    -webkit-animation: animate-7 65s linear infinite;
    transform: scale(0.25);
    -webkit-transform: scale(0.25);
}
.cloud {
    width: 350px;
    height: 120px;
    border-radius: 100px;
    box-shadow: 0 .2rem .2rem rgba(0, 0, 0, 0.01);
    -webkit-box-shadow: 0 .2rem .2rem rgba(0, 0, 0, 0.01);
    position: relative;
    background: #ffffff;
}
.cloud:after, .cloud:before {
    background: #fff;
    content: "";
    position: absolute;
    z-index: -1;
}
.cloud:after {
    width: 100px;
    height: 100px;
    left: 50px;
    top: -50px;
    border-radius: 100px;
}
.cloud:before {
    width: 180px;
    height: 180px;
    right: 50px;
    top: -90px;
    border-radius: 200px;
}
@keyframes animate-1 {
    0% {
        left: 90%;
    }
    10% {
        left: 110%;
    }
    10.001% {
        left: -10%;
    }
    100% {
        left: 90%;
    }
}
@keyframes animate-2 {
    0% {
        left: 75%;
    }
    25% {
        left: 110%;
    }
    25.001% {
        left: -10%;
    }
    100% {
        left: 75%;
    }
}
@keyframes animate-3 {
    0% {
        left: 60%;
    }
    40% {
        left: 110%;
    }
    40.001% {
        left: -10%;
    }
    100% {
        left: 60%;
    }
}
@keyframes animate-4 {
    0% {
        left: 45%;
    }
    55% {
        left: 110%;
    }
    55.001% {
        left: -10%;
    }
    100% {
        left: 45%;
    }
}
@keyframes animate-5 {
    0% {
        left: 30%;
    }
    70% {
        left: 110%;
    }
    70.001% {
        left: -10%;
    }
    100% {
        left: 30%;
    }
}
@keyframes animate-6 {
    0% {
        left: 10%;
    }
    90% {
        left: 110%;
    }
    90.001% {
        left: -10%;
    }
    100% {
        left: 10%;
    }
}
@keyframes animate-7 {
    0% {
        left: -10%;
    }
    99.99% {
        left: 110%;
    }
    100% {
        left: -10%;
    }
}


.tit1 .cc{flex: 1;padding: 0 0 .08rem;}
.lt5{ align-items: center;}
.lt5 li{ padding: 0 .35rem;}
.lt5 a{font-size: .24rem;color: #666666;padding-bottom: .15rem;border-bottom: rgba(102,102,102,.33) 1px solid;align-items: center;transition: .5s;}
.lt5 img{ width: .3rem; margin: 0 .06rem 0 0}
.lt5 img.i2{ display: none}
.lt5 i{font-size: .18rem;color: #666666;font-family: 'lib';font-style: normal;margin: 0 0 0 .45rem;}

.home4 .left{position: relative;z-index: 1;padding: .5rem .7rem;width: calc(100% - 7.48rem);}
.home4 .left::before{content: "";position: absolute;top: 0;right: -1rem;left: 0;bottom: 0;background: #fff;z-index: -1;box-shadow: 0px 6px .32rem 0px rgba(52, 0, 0, 0.08);pointer-events: none;}
.home4 .right{ width: 7.48rem; margin: .88rem 0 0; position: relative; z-index: 2;}

.lt6 li{ border-bottom: #dddddd 1px solid;}
.lt6 li:last-child{ border-bottom: none;}
.lt6 .a{ display: block; position: relative; z-index: 1; padding: .21rem 0; }
.lt6 .a::after{ content: ""; position: absolute; bottom: -1px; left: 0; width: 0; height: 1px; background: #28318c; transition: .5s; }
.lt6 h6{width: 1.4rem;height: .28rem;position: relative;z-index: 1;align-items: center;justify-content: center;font-size: .16rem;color: #8f1a1a;margin: 0 0 .06rem;}
.lt6 h6:before{content: "";position: absolute;left: 0;width: .15rem;height: 100%;background: #8f1a1a;z-index: -1;transition: .5s}
.lt6 h6 span{/* color: #fff; *//* transition: .5s; */}

.lt6 li.on .a::after{ width: 100%;}
.lt6 li.on .a h6:before{ width: 100%; background: #28318c}
.lt6 li.on .a h6{ color: #fff}

.lt7Box{ overflow: visible; background: #fff;}
.lt7 .a{ display: block; position: relative;}
.lt7 .time{position: absolute;top: -.48rem;right: 0;width: 1.24rem;height: .96rem;background: #8c1515;flex-direction: column;justify-content: center;align-items: center;}
.lt7 .time h3{ font-size: .34rem; color: #fff; line-height: 1}
.lt7 .time h6{ font-size: .2rem; color: #fff; line-height: 1; margin: .03rem 0 0}
.lt7 .imgBox .img{padding-bottom: 62.48%;}
.lt7 .imgBox:after{content: "";position: absolute;right: 0;bottom: 0;left: 0;background: url(../images/lt7_b.png) center 101% no-repeat;background-size: 100% auto;z-index: 1;height: 100%;}
.lt7 .txt{ position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; padding: 0 .3rem .2rem;}
.lt7 h4{ color: #fff !important;}

.ar2{width: .42rem;height: .42rem;background: #8c1515;border-radius: 50vw;justify-content: center;align-items: center;font-size: .2rem;color: #fff;font-family: "lib";position: absolute;top: 50%;transform: translateY(-50%);display: flex;z-index: 2;cursor: pointer;transition: .5s;}
.ar2.prev1{ left: -.21rem}
.ar2.next1{ right: -.21rem}

.home5{ background: url(../images/ho5_b.jpg) center no-repeat; background-size: cover; position: relative; z-index: 1; padding-bottom: .54rem;}

.lt8{ margin: 0 -.5rem;}
.lt8 li{ width: 50%; padding: 0 .5rem;}
.lt8 .a{height: .7rem;border-bottom: rgba(215,173,99,.5) 1px solid;display: flex;align-items: center;transition: .5s;position: relative;z-index: 1;padding: 0 0 0 .44rem;}
.lt8 .a::after{ content: ""; position: absolute; bottom: -1px; left: 0; width: 0; height: 1px; background: #e3cd9c; transition: .5s; }
.lt8 i{position: absolute;left: 0;top: 50%;width: .3rem;transform: translateY(-50%);}
.lt8 i img{ width: 100%;vertical-align: top;}
.lt8 h4{ color: #e3cd9c !important}

.slideBox1{ margin: .8rem 0 0;}

.str_wrap{overflow:hidden;width:100%;position:relative;white-space:nowrap}
.str_wrap.str_active{}
.str_move{white-space:nowrap;position:absolute;top:0;left:0;display: flex;justify-content: center;min-width: 100%;}
.str_move_clone{display:inline-block;vertical-align:top;position:absolute;left:100%;top:0}
.str_vertical .str_move_clone{left:0;top:100%}
.str_down .str_move_clone{left:0;bottom:100%}
.str_down .str_move,.str_vertical .str_move{white-space:normal;width:100%}
.noStop .str_move,.no_drag .str_move,.str_static .str_move{cursor:inherit}

.lt9{ margin: 0 -3.5px;}
.lt9 li{width: 4.16rem;padding: 0 3.5px;display: inline-block;}
.lt9 .a{ display: block; position: relative;}
.lt9 .imgBox .img{ padding-bottom: 62.82%;}
.lt9 .txt{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(40,49,140,.92); padding: 0 .4rem; flex-direction: column; justify-content: center; opacity: 0; transition: .5s}
.lt9 h4{ color: #fff !important; }
.lt9 p{color: rgba(255,255,255,.66);margin: .12rem 0 .18rem;}
.lt9 h6{ color: #fff;}

.home6{background: url(../images/ho6_b.jpg) center no-repeat;background-size: cover;position: relative;}
.home6::after{ content: ""; position: absolute; right: 0; bottom: 0; left: 0; background: #00faff; height: .06rem;}
.tit1 .rr{ width: 4.56rem; max-width: 100%;}
.tit1 .rr p{ font-size: .16rem; color: rgba(51,51,51,.55); line-height: 1.875;}

.lt10Box{ overflow: visible;}
.lt10{justify-content: space-between;height: 3.96rem;}
.lt10 li{width: 2.6rem;height: 2.6rem;text-align: center;}
.lt10 .con{ height: 100%}
.lt10 .a{width: 100%;height: 100%;position: relative;z-index: 1;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 0 .2rem;}
.lt10 .a::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #fff;z-index: -1;border: #00faff 1px solid;border-radius: 50vw;transition: .5s;-webkit-mask: linear-gradient(-45deg, transparent 5%, #fff 40%);mask: linear-gradient(-45deg, transparent 5%, #fff 40%);}
.lt10 h3{ align-items: flex-end;}
.lt10 h3 big{font-size: .8rem;color: #901d1c;font-family: "DINCond-Black";line-height: .9; transition: .5s;}
.lt10 h3 small{font-size: .24rem;color: #b0825b; margin: 0 0 0 .1rem; transition: .5s;}
.lt10 h4{font-size: .2rem;color: #333333;margin: .1rem 0 0; transition: .5s;}

.lt10 li:nth-child(1){ transform: translateX(-1vw)}
.lt10 li:nth-child(2){ transform: translateX(-6vw)}
.lt10 li:nth-child(3){ transform: translateX(4vw)}
.lt10 li:nth-child(4){ transform: translateX(-5vw)}
.lt10 li:nth-child(1) .a{transform: scale(.8352);transform-origin: 0 90%;}
.lt10 li:nth-child(3) .a{transform: scale(.6168);transform-origin: bottom;}
.lt10 li:nth-child(4) .a{transform: scale(.8352);}

.lt10 li:nth-child(1), .lt10 li:nth-child(3){ align-self: flex-end;}


@keyframes spin-reverse {
    0% {
        transform: 0 
    }
    50% {
        transform: translateY(-20px) 
    }
    100% {
        transform: 0 
    }
}
@keyframes spin-reverse2 {
    0% {
        transform: 0 
    }
    50% {
        transform: translateX(-10px) translateY(10px) 
    }
    100% {
        transform: 0 
    }
}
@keyframes spin-reverse3 {
    0% {
        transform: 0 
    }
    50% {
        transform: translateX(15px) translateY(-25px) 
    }
    100% {
        transform: 0 
    }
}
@keyframes spin-reverse4 {
    0% {
        transform: 0 
    }
    50% {
        transform: translateX(-10px) translateY(-10px) 
    }
    100% {
        transform: 0 
    }
}
@keyframes spin-reverse5 {
    0% {
        transform: 0 
    }
    50% {
        transform: translateX(0px) translateY(80px) 
    }
    100% {
        transform: 0 
    }
}

.lt10Box .dots1{justify-content: flex-end;margin: -.2rem 0 0;position: relative;z-index: 2;}

.lt11 .a{display: block;position: relative;z-index: 1; overflow: hidden;}
.lt11 .imgBox .img{padding-bottom: 37.5%;}
.lt11 .imgBox .img img{ opacity: 1}
.lt11 .imgBox::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/lt11.png) center no-repeat; background-size: cover;}
.lt11 .txt{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.lt11 i{position: relative;z-index: 1;width: .88rem;}

.ar3{ position: absolute; top: 50%; transform: translateY(-50%); font-size: .48rem; color: #fff; font-family: "lib"; z-index: 2; cursor: pointer;}
.ar3.prev1{ left: 3%;}
.ar3.next1{ right: 3%;}

.home7{position: relative;z-index: 1;/* background: #f8f8f8; */padding-bottom: 0;}
.home7::before{ content: ""; position: absolute; top: 0; right: 0; height: 4.38rem; left: 0; background: #901d1c url(../images/ho7_b.png) center no-repeat; background-size: 100% auto; z-index: -1;}

.lt12Box{padding: 0vw 0;}
.lt12 .a{display: block;transition: .5s;}
.lt12 .imgBox .img{ padding-bottom: 66%;}
.lt12 h4{ margin: .15rem 0 0;}

.lt12Box .dots{margin: .4rem 0 0;}
#maodian8{top: -1.5rem;position: relative;}
.home7-8{ background: #f8f8f8}
.home8{background: #f8f8f8 url(../images/ho8_b.png) center top no-repeat;background-size: 100% auto;padding: 1.4rem 0 1rem;margin-top: -.8rem;}
.home8 .tit1{ margin-bottom: .1rem}

.mtab1 .hd ul{ margin: 0 -.25rem;}
.mtab1 .hd ul li{ padding: 0 .25rem;}
.mtab1 .hd ul a{font-size: .28rem;color: #666666;padding-bottom: .04rem;border-bottom: transparent 3px solid;align-items: center;transition: .5s;display: block;}

.mtab1 .hd ul li.on a{ color: #28318c; border-bottom: #28318c 3px solid;}

.lt13Box{padding: 1.2rem 0;}
.lt13Box .dots{position: absolute;bottom: 0;}
.lt13 .imgBox .img{ padding-bottom: 132%;}

.lt14W{position: absolute;width: 3.75rem;top: 50%;transform: translateY(-50%);left: 17%;z-index: 10;}
.lt14W:before{content: "";position: absolute;top: 0;right: 0;bottom: .5rem;left: 0;border: #cecece 1px solid;transform: translate(-.3rem, -.3rem);z-index: -1;opacity: 0;}
.lt14Box{background: #fff;/* overflow: visible; */}
.lt14W0{ position: relative; z-index: 1}
.lt14W0:before{content: "";position: absolute;background: url(../images/lt14_b1.png) center no-repeat;width: 1.09rem;height: 1.37rem;bottom: -.04rem;left: -.58rem;z-index: -1;}
.lt14W0:after{content: "";position: absolute;background: url(../images/lt14_b2.png) center no-repeat;width: 1.09rem;height: 1.37rem;bottom: -.04rem;right: -.58rem;z-index: -1;}
.lt14 .a{ display: block; position: relative;}
.lt14 .imgBox .img{ padding-bottom: 132%;}
.lt14 .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: 1rem;}
.lt14 .txt{ position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; padding: 0 .3rem .2rem;}
.lt14 h4{ color: #fff !important;}

.home9{/* background: url(../images/ho9_b.jpg) center no-repeat; */background-size: cover;position: relative;z-index: 1;}
.home9 .box{ padding-bottom: 1.4rem;}

.home9 .left{ width: 51%;}
.home9 .right{ width: 45%;}

.lt15{margin: 0;position: relative;z-index: 10;padding: 0 .06rem;}
.lt15 li {position: relative;margin: 0 .2rem 0 0;}
.lt15 li .a {display: flex;transition: .5s;position: relative;z-index: 1;width: .4rem;height: .4rem;border-radius: 50vw;align-items: center;justify-content: center;color: #fff;font-size: .22rem;font-family: 'lib';}
.lt15 li .a i,.swi-shipinhao,.swi-weixin0 {font-family: 'lib' }
.lt15 li .a svg{fill: #b81c22;width: .22rem;height: .22rem;transition: .5s;}
.lt15 li .a img {width: .69rem;height: .69rem;position: relative;z-index: 1;transition: all 0.5s }
.lt15 li .ewm {width: 1.4rem;background: #fff;border-radius: 0;position: absolute;padding: 0;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)}
.lt15 li .ewm:before {content: "";position: absolute;width: .12rem;height: .12rem;background: #fff;transform: rotate(45deg);top: -.06rem;left: 50%;margin-left: -.06rem }
.lt15 li .ewm img {width: 100% }
.lt15 li .a.swi-weixin0{ background: #28c445}
.lt15 li .a.swi-sina{ background: #f56467}
.lt15 li .a.swi-shipinhao{ background: #ffb667}
.lt15 li .a.swi-xiaohongshu{ background: #ff0035}

.lt15 li:hover .a {color: #fff;background: #b81c22;}
.lt15 li:hover .a svg{ fill: #fff;}
.lt15 li:hover .a:after {transform: translate(-50%, -50%) scale(1) }
.lt15 li:hover .a img {opacity: 1 }
.lt15 li:hover .ewm {opacity: 1;visibility: visible;transform: translateY(0) }
.lt15 li:last-child {margin-right: 0 !important;}

.lt16{ position: relative;}
.lt16 li{ width: 51.89%;}
.lt16 .a{ display: block; position: relative;}
.lt16 .imgBox .img{ padding-bottom: 69.26%;}
.lt16 .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: 1rem;}
.lt16 .txt{ position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; padding: 0 .3rem .15rem;}
.lt16 h6{ color: #fff;}
.lt16 h4{ color: #fff !important; margin: .06rem 0 0;}

.lt16 li:nth-child(2){ width: 44.83%;}
.lt16 li:nth-child(2) .imgBox .img{ padding-bottom: 167%;}
.lt16 li:nth-child(3){ position: absolute; left: 0; bottom: 0;}

.lt17{ position: relative;}
.lt17 .a{ display: block; position: relative;}
.lt17 .imgBox .img{ padding-bottom: 68.37%;}
.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, 0.4) 100%);z-index: 1;height: 1rem;}
.lt17 .txt{ position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; padding: 0 .3rem .15rem;}
.lt17 h6{ color: #fff;}
.lt17 h4{ color: #fff !important; margin: .06rem 0 0;}

.lt17s li{ width: 100%; margin: 0 0 2.5%;}
.lt17s li .imgBox .img{padding-bottom: 60.5%;}

.lt17s1 li .txt{padding: 0 .2rem .12rem;}
.lt17s1 li h6{ display: none;}
.lt17s1 li h4{font-size: .18rem;}

.home10{background: #f8f8f8;padding-bottom: 0;}

.ar4{width: .42rem;height: .42rem;background: #fff;border-radius: 50vw;justify-content: center;align-items: center;font-size: .2rem;color: #8c1515;font-family: "lib";position: absolute;top: 50%;transform: translateY(-50%);display: flex;z-index: 2;cursor: pointer;transition: .5s;}

.lt18 .imgBox .img{ padding-bottom: 183.65%;}
.lt18W{ position: relative; z-index: 1;}
.lt18W .ar4{ margin-top: -.28rem;}
.lt18W .ar4.prev1{ left: -.7rem}
.lt18W .ar4.next1{ right: -.7rem}

.ar5Box{ width: 1.06rem;}
.ar5{width: .42rem;height: .42rem;background: #fff;border-radius: 50vw;justify-content: center;align-items: center;font-size: .2rem;color: #8c1515;font-family: "lib";display: flex;z-index: 2;cursor: pointer;transition: .5s;}

.home11{background: #f8f8f8 url(../images/home11_b.png) center top no-repeat;background-size: auto 100%;padding: .7rem 0 1.2rem;}
.home11 .tit1{ margin-bottom: .6rem}

.lt19W{ }
.lt19Box{ overflow: visible;}
.lt19Box::before{content: "";position: absolute;left: 50%;width: 100vw;background: #e3ce9d;height: 1px;transform: translateX(-50%);top: .4rem;}
.lt19 .a{ display: block; position: relative}
.lt19 .a:before{content: "";position: absolute;background: url(../images/lt4.png) center no-repeat;background-size: cover !important;width: .26rem;height: .26rem;left: 0;top: .28rem;transition: .5s;}
.lt19 .tit{font-size: .16rem;color: #8c1515;min-height: .2rem;}
.lt19 h4{margin: .45rem 0 .15rem;}
.lt19 h6{color: #8c1515;}

.videos1{ overflow: hidden;}

#waveContainer{position:absolute;left:0;right:0;bottom: 0;z-index: -1;overflow: hidden;}
#waveContainer canvas{ transform: translateY(7vw)}

#wavesW{position: absolute;right: 0;bottom: 0;left: 0;width: 100%;z-index: -1;transform: translateY(10vw);filter: blur(.5px);}
#wavesW .waves{width: 100%;position: relative;display: flex;align-items: center;}

@media(min-width: 769px){
    .lt2 .a:hover .txt::before{ width: 100%;}
    .lt2 .a:hover .txt::after{ width: 50%;}
    .lt2 .a:hover .txt::after{ width: 33.33%;}

    .lt4 li.swiper-slide-next .a .imgBox{ opacity: 1;}
    .lt4 li.swiper-slide-next .a h6{ color: #fff; transform: translateY(0);}
    .lt4 li.swiper-slide-next .a h4{color: #fff;height: .3rem;-webkit-line-clamp: 1; transform: translateY(0);}
    
    .lt5 a:hover{ color: #28318c}
    .lt5 a:hover i{ color: #28318c}
    .lt5 a:hover{ border-bottom: #28318c 1px solid}
    .lt5 a:hover img.i1{ display: none}
    .lt5 a:hover img.i2{ display: block}

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

    .ar2:hover{ background: #28318c}

    .lt9 .a:hover .txt{ opacity: 1}

    .lt10 .a:hover::before{ border: #28318c 1px solid}
    .lt10 .a:hover *{ color: #28318c;}

    .ar4:hover{ background: #8c1515; color: #fff;}
    .ar5:hover{ background: #8c1515; color: #fff;}

    .lt19 .a:hover:before{ background: url(../images/lt4s.png) center no-repeat;}

    .lt10 li:nth-child(1) .con{ animation: spin-reverse 8s infinite linear;}
    .lt10 li:nth-child(2) .con{ animation: spin-reverse2 8s infinite linear;}
    .lt10 li:nth-child(3) .con{ animation: spin-reverse3 8s infinite linear;}
    .lt10 li:nth-child(4) .con{ animation: spin-reverse4 8s infinite linear;}
}
@media(max-width: 1025px){
    .banner .imgBox .img{ padding-bottom: 50%;}
    
}
@media(max-width: 769px){
    .pad1{ padding: .4rem 0; overflow: hidden;}

    .tit1{margin: 0 0 .25rem !important;}
    .tit1 .ll img{height: .7rem;}
    .tit1 .ll h3{ font-size: .24rem;}
    .tit1 .ll1{ padding: 0;}
    .tit1 .ll h6{ font-size: .14rem;}
    .more1{font-size: .16rem;top: 80%;}
    .more1 img{width: .2rem;}

    .home1 .box{ width: 100%;}
    .home1 .box1{ margin-top: -7px}
    .home1 .tit1{ justify-content: flex-start}

    .lt1 .txt{ padding: 0 .2rem .15rem}
    .lt2{margin: 7px -7px;}
    .lt2 li{ width: 50%; padding: 0 7px;}
    .lt2 .txt{ padding: 0 .2rem 0}
    
    .home9{ overflow: hidden;}

    #maodian2{ margin:  0;}

    .home2{ margin: 0;}
    .cslideW{left: 0;width: 100%;top: 100%;}
    .cslide .txt{ padding: .4rem .2rem;}

    .home2 .left{ width: 100%;}
    .home2 .right{width: 100%;padding: 0 8px;}

    .calendar{height: auto;padding: .4rem 15px;}

    .calendar-content td span{margin: .02rem auto;}

    .lt3 .a{padding: .3rem 7px .3rem;}
    .lt3 .txt{padding: .2rem .07rem;min-height: 2rem;}
    .lt3 p i{ width: .18rem; height: .18rem; top: .02rem;}
    .lt3 p{padding: 0 0 0 .28rem;margin-top: .04rem;}
    .lt3 h4{margin-bottom: .1rem;}

    .lt4W{ margin: 0;}
    .lt4 .imgBox .img{padding-bottom: 1.5rem;}
    .lt4 h6{transform: translateY(-.36rem);}
    .lt4W::before{top: .45rem;}
    .lt4 .a:before{top: .37rem;transform: none; left: .3rem}
    .lt4 .txt{ padding: 0 0 .18rem;}
    .lt2 h4{font-size: 16px;height: 48px;}

    .dots1{ margin: .25rem 0 0;}
    .tit1 .cc{flex: auto;width: 100%;padding: .25rem 0 0;}

    .lt5{margin: 0 -7px;width: calc(100% + 14px);justify-content: center;}
    .lt5 li{ padding: 0 7px;}
    .lt5 img{width: .2rem;}
    .lt5 a{font-size: .18rem;padding-bottom: .1rem;}
    .lt5 i{ margin: 0 0 0 .15rem;}

    .home4 .left{width: 100%;padding: .15rem 15px;}
    .home4 .right{width: 100%;margin: .6rem 0 0;}
    .home4 .left::before{ right: 0;}
    .lt6 .a{ padding: .15rem 0}
    .lt17 li:not(:nth-child(1)) h4{ font-size: 14px}

    .lt7 .time{top: -.35rem;width: 1rem;height: .7rem;}
    .lt7 .time h3{ font-size: .24rem;}
    .lt7 .time h6{ font-size: .16rem; margin: .03rem 0 0}

    .lt7Box{margin-bottom: .6rem;}
    .ar2{position: absolute;top: auto;transform: none;bottom: 0;bottom: -.6rem;width: .36rem;height: .36rem;}
    .ar2.prev1{left: 50%;margin-left: -.5rem;}
    .ar2.next1{margin-right: -.5rem;right: 50%;}

    .lt7 .txt{ padding: 0 .2rem .15rem;}

    .lt8{ margin: 0 -7px;}
    .lt8 li{ width: 100%; padding: 0 7px}
    .lt8 i{ width: .24rem;}

    .ar4{position: absolute;top: auto;transform: none;bottom: 0;bottom: -.6rem;width: .36rem;height: .36rem;}
    .ar4.prev1{left: 50%;margin-left: -.5rem;}
    .ar4.next1{margin-right: -.5rem;right: 50%;}

    .lt18W .ar4{ top: 50%}
    .lt18W .ar4.prev1{left: 0;margin-left: -15px;}
    .lt18W .ar4.next1{ right: 0; margin-right: -15px;}

    .lt9 li{ width: 2rem;}

    .slideBox1{ margin: .4rem 0 0;}
    .lt8 .a{height: .5rem;}

    .tit1 .rr{ width: 100%; margin: .2rem 0 0;}

    .lt10 li{width: 34vw;height: 34vw;margin-bottom: .25rem;}
    .lt10 h3 big{font-size: 9vw;}
    .lt10 h3 small{font-size: 3vw;}
    .lt10 h4{font-size: 4vw;line-height: 6vw;height: 12vw;margin: .06rem 0 0;}

    .lt10{height: auto;padding: 0 8vw;}
    .lt10 li:nth-child(1){transform: translateX(0) translateY(0);}
    .lt10 li:nth-child(2){transform: translateX(0);}
    .lt10 li:nth-child(3){transform: translateX(0) translateY(0);/* order: 1; */}
    .lt10 li:nth-child(4){transform: translateX(0);}
    .lt10 li:nth-child(1) .a{transform: scale(1);transform-origin: 0;}
    .lt10 li:nth-child(2) .a{transform: scale(1);}
    .lt10 li:nth-child(3) .a{transform: scale(1);transform-origin: bottom;}
    .lt10 li:nth-child(4) .a{transform: scale(1);}
    .lt10Box .dots1{margin: .1rem 0 0;justify-content: center;}

    .lt11 i{ width: .4rem}
    .ar3{ font-size: .24rem}

    .lt12Box{ padding: 0;}
    .lt12 li.swiper-slide-active .a{ transform: scale(1);}

    .home7::before{height: calc(1.35rem + 30vw);}
     #maodian8{top: -.6rem; }
    .home8{ margin: -.6rem 0 0}
    .lt12 li.swiper-slide-active h4{font-size: 16px;transform: translateY(0);}

    .mtab1 .hd ul{ margin: 0 -.1rem}
    .mtab1 .hd ul li{padding: 0 .1rem;}
    .mtab1 .hd ul a{ font-size: .18rem}

    .lt13Box{ display: none;}
    .lt14W{position: relative;top: auto;width: 100%;transform: translateY(0);left: 0;}
    .lt14W:before{ display: none;}
    .lt14 .txt{ padding: 0 .2rem .15rem;}
    .lt14Box:before, .lt14Box:after{ display: none;}

    .lt14W0:before, .lt14W0:after{ display: none;}
    .lt14Box{ margin-bottom: .6rem}

    .home9 .left{ width: 100%;}
    .home9 .right{width: 100%; }

    .lt15{ width: 100%; justify-content: center; margin: .2rem 0 0}
    .lt15 li {margin: 0 .15rem 0 0;}
    
    .lt16 .txt{ padding: 0 .2rem .15rem;}

    .lt17 .txt{ padding: 0 .2rem .15rem;}

    .home9 .box{ padding-bottom: .4rem;}
    .home9 .left .box{ padding-bottom: 0;}

    .lt18Box{margin-bottom: 0;}

    .banner_box .bottom{ bottom: .2rem}
    .ser-bottom{width: calc(100vw - 30px);}
    .from_m2 .input-box{ height: .45rem}
    .banner .dots{ display: none}
    .from_m2 .ai1{ font-size: .2rem; width: .8rem}
    .from_m2 .input-box .input{ font-size: .16rem; padding: 0 .15rem}
    .from_m2 .button{width: .24rem;height: .24rem;}
    .from_m2{ background: rgba(255,255,255,.94)}

    .home6{background: #f8f8f8 url(../images/ho6_b.jpg) center bottom no-repeat;background-size: 100% auto;}
    #waveContainer{ height: 50vw;}
    .home9 .pad1{ overflow: visible}

    .cloud-content{height: 41vw;left: -30vw;}
    .cloud-block .cloud{transform: scale(.2);}
    .lt4 h4{ transform: translateY(0);}
}