@charset "utf-8";

.bannerBox{padding: 0px;position: relative;z-index: 3;overflow: hidden;}
.banner{ overflow: hidden; }
.banner .a{ display: block; position: relative; z-index: 1; overflow: hidden; }
.banner .imgBox{ overflow: hidden; width: 100%; transform: scale(1);}
.banner .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: 1.5rem;}
.banner .imgBox .img{ padding-bottom: 100vh; transition: 0s; transform: scale(1) !important; }
.banner .imgBox .img video{ opacity: 1;}
.banner .txt{position: absolute;right: 0;bottom: 1.25rem;left: 0;z-index: 10;}
.banner .txt .wp{ max-width: 100%; padding: 0 .7rem}
.banner .txt h4{ color: #fff}

.banner .dots{position: absolute;bottom: 1.25rem;left: 50%;justify-content: right;z-index: 2;padding: 0 .7rem;width: 94%;transform: translateX(-50%);}
.banner .dots span{ width: .1rem; height: .1rem; background: #fff; border-radius: 50vw; opacity: 1; transition: .5s; margin: 0 0 0 .1rem !important;}
.banner .dots span.active{ background: #94070A;}

.bannerBox .bottom{ position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; background: rgba(255,255,255,.9);}
.lt1 li{ flex: 1; overflow: hidden; position: relative;}
.lt1 li::before{content: "";position: absolute;top: 50%;left: 0;width: 1px;height: .8rem;background: url(../images/line1.svg) center no-repeat;background-size: 1px .8rem;z-index: -1;transform: translateY(-50%);}
.lt1 .a{height: 1rem;align-items: center;padding: 0 3.5vw;}
.lt1 img{width: .42rem;margin: 0 .3rem 0 0;transition: .5s;}
.lt1 h4{ flex: 1; overflow: hidden}

.b_body{ position: fixed;top: 0;transform: translateY(100%);right: 0;bottom: 0;left: 0;z-index: 10;width: 100%;overflow-x: hidden;background: #fff;transition: 1.2s cubic-bezier(0.79, 0.02, 0.29, 0.99)}
.b_body.on{ transform: translateY(0);}

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

.home1{ padding: 1.06rem 0 0;}

.lt2 li{ flex: 1; overflow: hidden; position: relative;}
.lt2 li::before{content: "";position: absolute;top: 50%;left: 0;width: 1px;height: 100%;background: linear-gradient(180deg, #E0E0E0 -30%, rgba(225, 225, 225, 0) 94%);z-index: -1;transform: translateY(-50%);}
.lt2 .a{height: 3.15rem;padding: 0 .25rem;flex-direction: column;justify-content: center;align-items: center; position: relative; z-index: 1;}
.lt2 .a::before{content: "";position: absolute;top: 0;right: 0;left: 0;height: 100%;background: linear-gradient(180deg, rgba(148, 7, 10, 0.05) 0%, rgba(148, 7, 10, 0) 100%);z-index: -1;transform: scaleY(0);transition: .5s;transform-origin: top center;}
.lt2 img{width: .42rem;transition: .5s;}
.lt2 .con{min-height: 1.35rem;margin: .2rem 0 0;width: 100%;}
.lt2 p{font-size: .1rem;color: #A5A5A5;line-height: .16rem;font-family: Georgia;margin: .14rem 0 0;width: 1.8rem;max-width: 100%;}
.lt2 i{position: relative;z-index: 1;font-size: .2rem;color: #94070A;font-family: 'lib';transition: .5s;}
.lt2 i::after{content: "";position: absolute;top: 53%;left: .06rem;width: .24rem;height: .24rem;background: rgba(148, 7, 10, 0.2);z-index: -1;transform: translateY(-50%);border-radius: 50vw;transition: .5s;}

.lt2 li:last-child::after{content: "";position: absolute;top: 50%;right: 0;width: 1px;height: 100%;background: linear-gradient(180deg, #E0E0E0 -30%, rgba(225, 225, 225, 0) 94%);z-index: -1;transform: translateY(-50%);}

.tit1{ align-items: flex-end; position: relative; margin-bottom: .6rem;}
.tit1 .ll h3{font-size: .4rem;color: #333;font-weight: normal;line-height: 1;}
.tit1 .ll h6{font-size: .16rem;color: #94070A;font-family: Georgia;display: flex;align-items: center;line-height: .18rem;margin: .12rem 0 0;}
.tit1 .ll h6::before{content: "";width: .3rem;height: 1px;background: #94070A;transform: translateY(-50%);margin: 0 .06rem 0 0;}
.tit1 .ll h6::after{content: "";width: .3rem;height: 1px;background: #94070A;transform: translateY(-50%);margin: 0 0 0 .06rem;display: none;}

.tit1 .more1{ position: absolute; right: 0; bottom: .15rem;}
.more1{font-size: .14rem;color: #A5A5A5;transition: .5s;position: relative;line-height: 1.875;display: inline-block;}
.more1::before{content: "";position: absolute;bottom: 0;left: 0;width: 96%;height: 1px;background: #A5A5A5;transition: .5s;}
.more1 i{ font-size: .14rem; color: #A5A5A5; font-family: 'lib'; transition: .5s; margin: 0 0 0 .04rem;}

.home2{ background: url(../images/home2_b.png) center .3rem no-repeat; background-size: 100% auto;}
.home2 .box{ width: 48.63%;}
.home2 .box1 .lt3{ margin-bottom: .3rem;}
.home2 .box2 .lt3{ margin-top: .3rem;}

.lt3 .a{ display: block; position: relative;}
.lt3 .imgBox .img{ padding-bottom: 54.64%; padding-bottom: 3.88rem;}
.lt3 .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: 1.5rem;}
.lt3 .txt{ position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; padding: 0 .25rem .2rem;}
.lt3 .txt h6{ color: #fff;}
.lt3 .txt h4{ color: #fff !important; margin: .1rem 0 0;}

.lt4{ margin: 0 -.17rem;}
.lt4 li{ width: 50%; padding: 0 .17rem;}
.lt4 .imgBox .img{ padding-bottom: 63.90%; padding-bottom: 2.16rem;}
.lt4 .txt{ height: 1.72rem; background: url(../images/lt4_b.jpg) center no-repeat; background-size: cover; padding: .3rem .25rem; position: relative; z-index: 1;}
.lt4 .txt::before{ content: ""; position: absolute; bottom: 0; left: 0; right: 0; bottom: 0; background: #94070A; z-index: -1; height: 2px; transition: .5s;}
.lt4 h4{ margin: .12rem 0 0;}

.home3{ padding-top: 0 !important;}
.home3 .left{ width: 35.61%;}
.home3 .right{ width: 56.16%;}

.lt5{ margin: -.45rem 0 0;}
.lt5 .a{ height: 1.4rem; align-items: center; position: relative; z-index: 1; border-bottom: #ECECEC 1px solid;}
.lt5 .a::after{ content: ""; position: absolute; bottom: -1px; right: 0; width: 0; height: 1px; background: #94070A; transition: .5s;}
.lt5 .time{ margin: 0 .32rem 0 0;}
.lt5 .time h3{ font-size: .22rem; color: #94070A;}
.lt5 .time h6{ font-size: .16rem; color: #A5A5A5; margin: .02rem 0 0;}
.lt5 .txt{ flex: 1; overflow: hidden;}
.lt5 h4{ height: .56rem;}

.lt6{ margin: -.19rem -.19rem;}
.lt6 li{ width: 50%; padding: .19rem .19rem;}
.lt6 .a{height: 2.4rem;border: 1px solid #ECECEC;flex-direction: column;padding: 0 .42rem;justify-content: center; background: url(../images/lt6_b.jpg) center no-repeat; background-size: cover; position: relative; z-index: 1;}
.lt6 .a::before{ content: ""; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; background: url(../images/lt6_bs.jpg) center no-repeat; background-size: cover; z-index: -1; transition: .5s; opacity: 0;}
.lt6 h4{ margin: .16rem 0 .24rem}
.lt6 h6{ position: relative; align-items: center;}
.lt6 h6::after{content: "";flex: 1;height: 1px;background: #EAEAEA;margin: 0 0 0 .1rem;transition: .5s;}
.lt6 h6::before{content: "";width: .33rem;height: 2px;background: #94070A;top: 50%;position: absolute;order: 1;right: 0;margin: -2px 0 0;z-index: 1;transition: .5s;}

.fenlei{ margin: 0 0 0 -.08rem; font-size: .14rem; color: #838383; transition: .5s;}

.home4{ padding-top: 0 !important; background: url(../images/home4_b.jpg) center bottom no-repeat; background-size: 100% auto;}
.home4 .wp{ align-items: flex-start;}
.home4 .left{width: calc(100% - 48.35%);position: relative;z-index: 1;}
.home4 .left::before{ content: ""; position: absolute; top: 0; left: calc((100vw - 14.6rem)/2*-1); right: 0; background: #EAEAEA; height: 1px; z-index: -1; transition: .5s;}
.home4 .right{width: 48.35%;position: relative;z-index: 1;}

.lt7{ content: ""; position: relative; z-index: 1;}
.lt7::before{ content: ""; position: absolute; top: 0; left: 50%; bottom: 0; width: 1px; background: #EAEAEA; z-index: -1; transition: .5s;}
.lt7 li{width: 50%;padding: .38rem 0 0;}
.lt7 .a{padding: 0 .4rem 0 .12rem;height: .6rem;align-items: center;position: relative; z-index: 1}
.lt7 .a:before{content: "";position: absolute;left: 0;top: 0;bottom: 0;background: url(../images/lt7_b.png) center no-repeat;background-size: 100% 100%;width: 0;transition: .5s;z-index: -1;}
.lt7 .a:after{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 2px;background: #94070A;height: .52rem;transition: .5s;}
.lt7 .txt{ display: block;}
.lt7 h4{font-size: .16rem;line-height: .26rem;max-height: .52rem \0;}

.lt7 li.on .a:after{ height: .6rem; background: #D1945B;}
.lt7 li.on .a:before{ width: 100%}
.lt7 li.on h4{ color: #fff}

.jiahao{position: absolute;left: 50%;top: 0;margin: -.075rem 0 0 -.075rem;width: .16rem;height: .16rem;display: flex;justify-content: center;align-items: center;z-index: 1; animation: rotate90 3s ease forwards; animation-iteration-count: infinite; animation-delay: 1s;}

.lt8 .txt{margin: -.44rem 0 0 .58rem;background: url(../images/lt8_b.jpg) center no-repeat;background-size: cover;padding: .22rem .26rem;position: relative;z-index: 1;height: 1.64rem;flex-direction: column;justify-content: flex-start;align-items: flex-start;font-size: .16rem;color: #fff;border-radius: .15rem 0 .15rem 0;}
.lt8 h4{margin: .14rem 0 .04rem;color: #fff !important;font-weight: bold}
.lt8 p{ font-size: .14rem; color: rgba(255, 255, 255, 0.6);}
/* 添加动画关键帧 */
@keyframes rotate90 {
    0% { transform: rotate(0deg); }
    33.33% { transform: rotate(90deg); }
    100% { transform: rotate(90deg); }
}
.lt8 .imgBox .img{ padding-bottom: 65.72%;}
.lt8 .name{ background: #D1945B; border-radius: 50vw; padding: 0 .16rem; height: .32rem; align-items: center;}

.lt7Box{overflow: visible;position: relative;}
.lt7Box::after{ content: ""; position: absolute; bottom: 100%; left: 0; width: .16rem; height: .16rem; background: #94070A; z-index: -1; transition: .5s;}
.lt7{height: 5.88rem;overflow: hidden;overflow-y: scroll;}

@media(min-width: 769px){
    .lt1 .a:hover img{ transform: rotateY(360deg)}
    
    .lt2 .a:hover i{ color: #D1945B;}
    .lt2 .a:hover i::after{ background: #94070A;}
    .lt2 .a:hover::before{ transform: scaleY(1);}
    .lt2 .a:hover img{ transform: rotateY(360deg)}

    .more1:hover{ color: #94070A;}
    .more1:hover::before{ background: #94070A;}
    .more1:hover i{ color: #94070A;}

    .lt4 .a:hover .txt::before{ height: 100%;}
    .lt4 .a:hover *{ color: #fff;}

    .lt5 .a:hover::after{ left: 0; width: 100%;}

    .lt6 .a:hover{ box-shadow: 0px 4px 18px 0px rgba(102, 0, 2, 0.3);}
    .lt6 .a:hover::before{ opacity: 1;}
    .lt6 .a:hover *{ color: #fff;}
    .lt6 .a:hover .fenlei{ color: #D1945B !important;}
    .lt6 .a:hover h6::after{background: #9E1F22;}
    .lt6 .a:hover h6::before{ background: #D1945B;}

    

    .tit1c{ justify-content: center;}
    .tit1c .ll{ text-align: center}
    .tit1c .ll h6::after{ display: block}
}
@media(max-width: 1025px){
    .banner .imgBox .img{ padding-bottom: 50%;}

    .b_body{position: relative;transform: none;}
    .lt1 .a{ align-items: center;padding: 0 2vw;}
}
@media(max-width: 769px){
    .pad1{padding: .4rem 0;}
    .bannerBox .bottom{ display: none;}

    .banner .dots{bottom: .2rem;padding: 0 15px;width: 100%;}
    .banner .dots span{margin: 0 0 0 .1rem !important;}

    .home1{ padding: .4rem 0 0;}

    .lt2{/* flex-wrap: nowrap; */overflow: hidden;/* overflow-x: scroll; */}
    .lt2 li{width: 50%;flex: auto;min-width: 50%;border: 1px solid #f9f9f9;}
    .lt2 li::before{display:none;}
    .lt2 .a{height: 1.8rem;}
    .lt2 p{ display: none}
    .lt2 .con{min-height: .9rem;margin: .06rem 0 0;}

    
    .home2{padding: .4rem 0 .4rem;}
    .tit1{ margin: 0 0 .25rem}
    .tit1 .ll h3{ font-size: .24rem;}
    .tit1 .ll h6{font-size: .14rem;margin: .08rem 0 0;}
    .tit1 .ll h6::before, .tit1 .ll h6::after{ width: .16rem;}

    .lt2 img{ width: .32rem}

    .lt4{ margin: 0 -7px}
    .lt4 li{ width: 50%; padding: 0 7px;}

    .home2 .box{ width: 100%}
    .home2 .box2{ display: flex; flex-direction: column;}
    .home2 .box2 .lt4{ order: 1; margin-top: .2rem}

    .lt3 .imgBox .img, .lt4 .imgBox .img{ padding-bottom: 55% !important}
    .home2 .box2 .lt3{ margin-top: .2rem;}

    .lt4 .txt{padding: .3rem .2rem;height: 1.5rem;}
    .lt3 .txt{padding: 0 .2rem .15rem;}
    .lt4 h4{ margin: .08rem 0 0;}

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

    .lt5{ margin: -.15rem 0 0;}
    .lt5 .a{height: .9rem;}

    .lt6{ margin: -7px -7px;}
    .lt6 li{ width: 100%; padding: 7px 7px;}
    .lt6 .a{padding: 0 .2rem;height: 1.8rem;}
    .lt6 h4{ margin: .1rem 0 .2rem}

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

    .lt7{ height: auto}
    .lt7 li{ padding: .2rem 0 0;}

    .lt7 .a{padding: 0 .12rem 0 .12rem;}
    .banner .txt{ bottom: .15rem; left: 0}
    .banner .txt .wp{  width: 100%; padding: 0 15px}
    .banner .txt h4{ width: calc(100% - 1rem)}
}

.xuanfu{position: fixed;top: 50%;right: .15rem;transform: translateY(-50%);z-index: 1000;}
.xuanfu .img1{position: relative;z-index: 1;margin: 0 0 -.25rem;width: 1.15rem;}
.xuanfu .box{border: #D1945B 1px solid;border-top: none;background: #fff;width: .92rem;margin: 0 auto;text-align: center;padding: 0 0 .15rem;}
.xuanfu ul{padding: .3rem 4px .2rem; text-align: center}
.xuanfu ul li{padding: .1rem 0;position: relative}
.xuanfu .ico{ width: .24rem; margin: 0 auto}
.xuanfu h4{font-size: .12rem;color: #666666;margin: .05rem 0 0;}
.xuanfu ul li:before{content: "";background: #ECD3D3;width: .22rem;height: 1px;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;}
#gotop1{ margin: 0 auto; cursor: pointer;}
#gotop1 img{width: .32rem;}

@media(max-width: 769px){
.xuanfu{ display: none}
}