@charset "utf-8";

.banner_box{padding: 0px;position: relative;z-index: 3;overflow: hidden;margin: 1.5rem 0 0;}
.banner{overflow: hidden;position: fixed;top: 1.5rem;right: 0;bottom: 0;left: 0;}
.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.7) 100%);z-index: 1;height: 23vh;display: none;}
.banner .a{ display: block; position: relative; z-index: 1; overflow: hidden; }
.banner .imgBox{ overflow: hidden; width: 100%; }
.banner .imgBox .img{padding-bottom: calc(100vh - 1.5rem);transition: 0s;}
.banner.on ul li.swiper-slide-active .a .imgBox img, .banner.on ul li.swiper-slide-duplicate-active .a .imgBox img, .banner.on ul li.swiper-slide-prev .a .imgBox img{ animation: sca 6s linear 0s normal both;}
@keyframes sca {
    0% {
        transform: scale(1.06);
    }
    100% {
        transform: scale(1);
    }
}

.ar1{position: absolute;width: .4rem;height: .4rem;background: #fff;border-radius: 50%;z-index: 2;top: 50%;transform: translateY(-50%);font-size: .22rem;color: #000;font-family: 'lib';display: flex;align-items: center;justify-content: center;visibility: hidden;}
.ar1.prev{left: 15px;}
.ar1.next{ right: 15px}

.banner .bottom{display: none;position: absolute;right: 0;left: 0;bottom: .45rem;z-index: 10;}
.banner .dots{justify-content: center;align-items: center;}
.banner .dots span{width: .12rem;height: .12rem;background: #fff;font-size: .16rem;color: #fff;opacity: 1;margin: 0 0 0 .15rem !important;position: relative;z-index: 1}

.banner .dots span.active{ background: #8f161e;}

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

.bodybox{ position: relative; z-index: 100; padding: 2.02rem 0 0;}
.slides1{background: #ffffff;border-radius: .2rem;overflow: hidden;}
.slides1 .left{ width: 2.42rem;}
.slides1 .left .tit{height: .68rem;padding: 0 0 0 .3rem;font-size: .2rem;color: #020000;align-items: center;justify-content: center;display: flex;}
.slides1 .hd ul .a{padding: 0 0 0 .3rem;display: flex;align-items: center;justify-content: center;height: .7rem;transition: .5s;font-size: .2rem;color: #020000;}

.slides1 .hd ul li.on .a{ background: #e3dcb0;}

.slides1 .right{width: calc(100% - 2.42rem);background: #e3dcb0;}
.lt1{height: .68rem;padding: 0 1rem 0 .48rem;align-items: center;gap: .48rem;background: #fff;}
.lt1 .a{ font-size: .2rem;color: #020000; transition: .5s;}

.inBox li.on .a{color: #991e23;}

.inBd_b{ padding: 0 1rem 0 .48rem;}

.miso_form2{width: 100%;margin: .38rem 0 0;}
.miso_form2 .input-group .sub{position:absolute;right:0;top:0;width: .3rem;height: 100%;overflow:hidden;background:0 0;cursor: pointer;border-radius: 0 .16rem .16rem 0;}
.miso_form2 .input-group .sub:after{content:'';position:absolute;top:0;bottom:0;left:0;z-index:0;right:0;background: url(../images/ser.png) no-repeat left center;background-size: .16rem .16rem;}
.miso_form2 .input-group{ flex: 1}
.miso_form2 .input-group .inp{height: .52rem;border:0;border-right:0;padding-right: .5rem;width:100%;padding-left: .5rem;background: #fff;border-radius: .11rem;font-size: .18rem;}
.miso_form2 .sub{width: 1.3rem;height: .52rem;background: #fff;border-radius: .11rem;font-size: .18rem;color: #020000;margin: 0 0 0 .1rem;transition: .5s;cursor: pointer;}
.miso_form2 .sub:hover{ background: #991e23; color: #fff}

.home2{margin: .9rem 0 .78rem;}
.home2 .left{ width: 4.28rem;}
.home2 .right{ width: calc(100% - 4.28rem - .55rem); background: #fff; border-radius: .2rem; padding: .3rem .3rem 0 .5rem; align-items: flex-start;}
.home2 .right .imgBox .img{ padding-bottom: 100%;}
.home2 .right .swiper-slide>div{ background: #fff}

.lt2 li:nth-child(1){ margin-bottom: .38rem;}
.lt2 .a{height: 1.8rem;background: #fff;border-radius: .2rem;align-items: center;padding: 0 .6rem 0 .8rem;transition: .5s;justify-content: space-between;}
.lt2 h4{font-size: .46rem;color: #333333;transition: .5s;font-weight: 600;}
.lt2 i{width: .3rem;height: .3rem;background: #1d1d1f;border-radius: 50vw;align-items: center;justify-content: center;display: flex;font-size: .24rem;color: #fff;font-family: 'lib'; transition: .5s;}

.lt2 li.on .a{ background: #dd4f41;}
.lt2 li.on .a h4{ color: #fff;}
.lt2 li.on .a i{ background: #fff; color: #dd4f41;}

.home2 .right .imgBox{ width: 3.38rem; margin: 0 0 0 .75rem; border-radius: .2rem;}

.slides2{flex: 1;overflow: hidden;padding: .1rem 0 0;}
.slides2 .hd{padding: 0 0 .38rem;position: relative;background: url(../images/slides2.png) left bottom no-repeat;background-size: 100% auto;margin: 0 0 .2rem;}
.slides2 .hd ul{ gap: .15rem;}
.slides2 .hd ul .a{display: flex;height: .38rem;border: #951d21 1px solid;border-radius: 50vw;align-items: center;min-width: 1.04rem;justify-content: center;padding: 0 .15rem;font-size: .18rem;color: #951d21;transition: .5s;}

.slides2 .hd ul li.on .a{ background:#951d21; color: #fff }

.slides3 h3{padding: 0 0 .38rem;position: relative;background: url(../images/slides2.png) left bottom no-repeat;background-size: 100% auto;margin: 0 0 .2rem; font-size: .37rem; color: #333333; font-weight: 600}
.slides3 p{ font-size: .18rem; color: #333333; line-height: 2}

.lt3{display: grid;grid-template-columns: repeat(2,1fr);gap: .18rem .15rem;}
.lt3 li{ min-width: 0;}
.lt3 .a{font-size: .16rem;color: #333333;position: relative;padding: 0 0 0 .16rem;transition: .5s;}
.lt3 .a::before{content: "";position: absolute;left: 0;background: #333333;width: .04rem;height: .04rem;border-radius: 50vw;top: 50%;margin: -.02rem 0 0;}

.more1{width: 1.44rem;height: .46rem;border: #666666 2px solid;border-radius: 50vw;justify-content: center;align-items: center;margin: .3rem 0 0; transition: .5s}
.more1 i{ font-size: .2rem; color: #333; font-family: 'lib'; margin: 0 0 0 .08rem; transition: .5s}

.home3{ padding: .6rem 0 .8rem; overflow: hidden; background: url(../images/home3_b.jpg) center no-repeat; background-size: cover;}

.more2{width: 1.44rem;height: .46rem;background: #fff;border-radius: 50vw;justify-content: center;align-items: center;transition: .5s}
.more2 i{ font-size: .2rem; color: #333; font-family: 'lib'; margin: 0 0 0 .08rem; transition: .5s}

.tit1{ margin: 0 0 .4rem; align-items: center;}
.tit1 .ll{ font-size: .46rem; color: #333333; font-weight: bold;}

.lt4{ display: grid; grid-template-columns: repeat(3,1fr); gap: .25rem .8rem;}
.lt4 li{ min-width: 0;}
.lt4 .a{display: block;padding: 1px;background: #fff;border-radius: .26rem; transition: .5s;}
.lt4 .txt{ height: 2.46rem; padding: .26rem}
.lt4 h4{ font-size: .3rem; color: #333333; font-weight: 600;}
.lt4 h5{ font-size: .3rem; color: #951d21; font-weight: 600; margin: .08rem 0 .2rem}
.lt4 h6{ font-size: .14rem; color: #666666}
.lt4 p{ font-size: .14rem; color: #999999; margin: .16rem 0 0}
.lt4 .imgBox{ border-radius: .26rem;}
.lt4 .imgBox .img{ padding-bottom: 64.11%}

.home4{background: url(../images/home4_b.jpg) center bottom no-repeat;background-size: cover;padding: 13vw 0 7vw;}

.lt5{ align-items: flex-start}
.lt5 .a{width: 1.84rem;height: 1.84rem;box-shadow: 0px 0px 29px 0px rgba(10, 2, 4, 0.34);border-radius: 50vw;flex-direction: column;justify-content: center;align-items: center;background: #454449;border: #fff .1rem solid; transition: .5s;}
.lt5 .ico{font-size: .39rem;color: #575658;line-height: 1;margin: -.1rem 0 .25rem; transition: .5s;} 
.lt5 h4{font-size: .2rem;color: #fff; transition: .5s;}


@media(min-width: 769px){
    .lt3 .a:hover{ color: #9a1e22}

    .more1:hover{ background: #951d21; border: #951d21 2px solid; color: #fff;}
    .more1:hover i{ color: #fff;}

    .more2:hover{ background: #951d21; color: #fff;}
    .more2:hover i{ color: #fff;}

    .lt4 .a:hover{ background: rgba(240,186,101,0.85);}
    .lt4 .a:hover .imgBox{ transform: scale(.95);}

    .lt5 li:nth-child(1) .a:hover{ background: #dcab5d; }
    .lt5 li:nth-child(2) .a:hover{ background: #4e8148 }
    .lt5 li:nth-child(3) .a:hover{ background: #dd4f41; }
    .lt5 li:nth-child(4) .a:hover{ background: #79a5e1; }
    .lt5 li:nth-child(5) .a:hover{ background: #a17f5b; }
    .lt5 .a:hover *{ color: #fff;}

    .lt5 li:nth-child(2){transform: translateY(-5vw);}
    .lt5 li:nth-child(3){transform: translateY(-8vw);}
    .lt5 li:nth-child(4){transform: translateY(-5vw);}
}
@media(max-width: 769px){
    .banner_box{ margin: .7rem 0 0;}
    .banner .imgBox .img{padding-bottom: 50%;}
    .banner{top: 0;position: relative;}
    .banner .bottom{display: flex;bottom: .15rem;display: none;}

    .bodybox{padding: .3rem 0 0;background: #e5e5e5;}

    .slides1 .left{ width: 1rem;}
    .slides1 .left .tit{padding: 0 0 .36rem;font-size: .18rem;height: .9rem;}
    .slides1 .hd ul .a{padding: 0 0 .1rem;font-size: .18rem;}
    .slides1 .right{width: calc(100% - 1rem)}
    .lt1{height: .9rem;padding: .15rem 15px;gap: .081rem .1rem;}
    .lt1 .a{ font-size: .16rem;}
    .miso_form2{margin: .258rem 0 0;flex-direction: column;}
    .inBd_b{ padding: 0 15px;}
    .miso_form2 .input-group{ width: 100%; flex: auto}
    .miso_form2 .sub{margin: .1rem 0 0;width: 100%;height: .4rem;}
    .miso_form2 .input-group .inp{padding: 0 15px;height: .4rem;}

    .home2{margin: .4rem 0 .4rem;}
    .home2 .left{ width: 100%;}
    .home2 .right{width: 100%;margin: .4rem 0 0;padding: .25rem 15px;}

    .lt2 .a{height: .7rem;padding: 0 .3rem 0 .5rem;}
    .lt2 h4{ font-size: .24rem}
    .lt2 li:nth-child(1){ margin-bottom: .2rem;}
    .home2 .right .imgBox{ width: 100%; margin: .25rem 0 0}
    .slides2{ width: 100%; flex: auto}

    .lt4{ grid-template-columns: repeat(1,1fr); gap: .2rem .2rem;}
    .lt4 h4{ font-size: .24rem; }
    .lt4 h5{ font-size: .24rem; }
    .lt4 .txt{ height: 2.2rem; }
    .home3{ padding: .3rem 0 .4rem; }
    .tit1 { margin-bottom: .25rem}
    .tit1 .ll{ font-size: .3rem}
    .more1{ width: 1.2rem; height: .42rem}
    .more2{ width: 1.2rem; height: .42rem}

    .lt5{ justify-content: center}
    .lt5 li{margin-bottom: .2rem;min-width: 0;width: 33.333%;}
    .lt5 .a{width: 1.3rem;height: 1.3rem;border: #fff .05rem solid;margin: auto;}
    .lt5 h4{font-size: .14rem;}

    .lt5 .ico{ font-size: .3rem; margin-bottom: .2rem}

    .slides3 h3{ font-size: .26rem;}
    .ar1{ visibility: visible}
}