@charset "utf-8";

.banner_box{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%; }
.banner .imgBox .img{ padding-bottom: 46.61%; 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);
    }
}

.banner .dots{position: absolute;right: 0;left: 0;bottom: .25rem;z-index: 2;justify-content: center;align-items: center;}
.banner .dots span{width: .09rem;height: .09rem;background: none;border: #fff solid 1px;border-radius: 50%;margin: 0 .1rem !important;cursor: pointer;opacity: 1;transition: .5s;}
.banner .dots span.active{ background: #fff}

.form_ss{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1;}
.form_ss .wp{height: 100%;justify-content: center;align-items: center;}

.mtab1{text-align: center;width: 7.7rem;margin: 0 auto;max-width: 100%;}
.mtab1 .hd ul{ justify-content: center;}
.mtab1 .hd ul li{ padding: 0 .06rem;}
.mtab1 .hd ul li .a{width: 1.22rem;height: .35rem;border-radius: 50vw;border: rgba(255,255,255,.4) 1px solid;font-size: .18rem;color: #fff;align-items: center;justify-content: center;display: flex;transition: .5s;}

.mtab1 .hd ul li.on .a{ background: #fff; border: #fff 1px solid; color: #940720;}

.mtab1 .bd{ margin: .26rem 0 0;}

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

.mtab2 .hd{ margin: 0 0 .4rem;}
.mtab2 .hd ul{ justify-content: center;}
.mtab2 .hd ul li{ padding: 0 2.6vw;}
.mtab2 .hd ul li .a{ flex-direction: column; align-items: center; text-align: center;}
.mtab2 .hd ul li .a h3{ font-size: .32rem; color: #666666; font-weight: 600; line-height: 1; transition: .5s;}
.mtab2 .hd ul li .a h6{ font-size: .16rem; color: #999999; text-transform: uppercase; line-height: 1; margin: .03rem 0 0; transition: .5s;}

.mtab2 .hd ul li.on .a h3{ color: #940720;}
.mtab2 .hd ul li.on .a h6{ color: #940720;}

.index1 .left{ width: 9.2rem;}
.index1 .right{ width: calc(100% - 9.2rem - .5rem);}

.lt1 .a{ display: block; border-radius: .1rem; overflow: hidden; transition: .5s;}
.lt1 .imgBox .img{ padding-bottom: 62.39%;}
.lt1 .imgBox::after{content: "";position: absolute; left: 0;right: 0;bottom: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); height: 3.5rem; transition: .5s;}
.lt1 .txt{position: absolute;right: 0;bottom: 0;left: 0;z-index: 1;padding: 0 .3rem .3rem;align-items: flex-end;}
.lt1 h6 span{width: 1.03rem;height: 23px;background: #940720;font-size: .14rem;color: #fff;justify-content: center;align-items: center;border-radius: 50vw;}
.lt1 .txt .ll{ flex: 1; overflow: hidden;}
.lt1 h4{ color: #fff !important; margin: .06rem 0 0}
.lt1 .dots{ padding: .1rem 0}
.lt1 .dots span{width: .09rem;height: .09rem;background: #fff;opacity: .39;transition: .5s; margin: 0 0 0 .14rem;}
.lt1 .dots span.active{ background: #fff;opacity: 1;}

.lt2{ padding: 0 0 .25rem; border-bottom: #eeeeee 1px solid;}
.lt2 p{ margin: .08rem 0 .1rem;}
.lt2 h6{ align-items: center;}
.lt2 h6 i{ font-size: .18rem; color: #999999; font-family: 'lib'; margin: 0 .05rem 0 0;}

.lt3{ margin: .15rem 0 0;}
.lt3 .a{ height: .52rem; align-items: center; position: relative; padding: 0 0 0 .2rem;}
.lt3 .a::before{content: "";position: absolute;background: url(../images/lt3_i1.png) center no-repeat;width: .12rem;height: .12rem;background-size: cover;left: 0;}
.lt3 h4{ font-size: .18rem; flex: 1;}
.lt3 h6{ margin: 0 0 0 .2rem; width: auto;}

.tit1 .ll{ align-items: flex-end;}
.tit1 h3{ font-size: .32rem; color: #232323; line-height: 1;}
.tit1 h6{font-size: .2rem;color: #940720;text-transform: uppercase;line-height: 1;margin: 0 0 0 .1rem;font-weight: bold;background: url(../images/tit1.svg) left top no-repeat;padding: .12rem 0 0;}
.mtab3 .hd{ align-items: center;}
.mtab3 .hd ul{display: flex;gap: .08rem;margin: 0 5vw 0 0;}
.mtab3 .hd ul li{ min-width: 0;}
.mtab3 .hd ul .a{min-width: 1.3rem;height: .42rem;transition: .5s;align-items: center;justify-content: center;border-radius: 50vw;background: #fff;padding: 0 .1rem;}

.mtab3 .hd ul li.on .a{ background: #940720; color: #fff; }

.more2 a{ font-size: .18rem; color: #666666; transition: .5s;}
.more2 a{}
.tit1{ margin: 0 0 .3rem;}

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

.lt4{ display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: .25rem .15rem; }
.lt4 li{ min-width: 0;}
.lt4 .imgBox{ border-radius: .08rem;}
.lt4 .imgBox .img{ padding-bottom: 55.11%;}
.lt4 h4{ font-size: .18rem; margin: .1rem 0 0; text-align: center;}

.tit1c{ justify-content: center;}

.lt5{ display: grid; grid-template-columns: repeat(8, 1fr); grid-gap: .18rem .16rem; }
.lt5 li{ min-width: 0;}
.lt5 .a{ height: 1.5rem; border: #edd5d9 1px solid; background: #fff; border-radius: .05rem; box-shadow: 0 .04rem 0 #940720; flex-direction: column; justify-content: center; align-items: center; padding: 0 .1rem; text-align: center; transition: .5s;}
.lt5 .ico{ width: .54rem; height: .54rem; }
.lt5 .ico img{ width: 100%; height: 100%; transition: .5s}
.lt5 h4{ margin: .06rem 0 0;}

.index1-2-3-4{ background: url(../images/in_b.jpg) center bottom no-repeat; background-size: 100% auto; }

.lt6W{ padding: 0;position: relative;}
.lt6 .imgBox .img{ padding-bottom: 147.95%; background: none;}
.lt6 li{ text-align: center;}
.lt6 h4{ font-size: .18rem; margin: .12rem 0 0;}

.ar1W .ar1{ position: absolute; top: 50%; transform: translateY(-50%); font-size: .4rem; color: #940720; font-family: 'lib'; cursor: pointer; transition: .5s;}
.ar1W .ar1.prev1{ left: -.6rem;}
.ar1W .ar1.next1{ right: -.6rem;}

.mtab4 .hd ul .a{ background: #f7f7f7;}

@media(min-width: 769px){
    .more2:hover{ color: #940720;}

    .lt5 .a:hover{ background: #940720; border: #940720 1px solid}
    .lt5 .a:hover .ico{filter: brightness(40);}
    .lt5 .a:hover h4{ color: #fff;}
}
@media(max-width: 769px){
    .banner_box{ margin: .7rem 0 0;}
    .miso_form1 .input-group .inp{ height: .5rem;}
    .mtab1 .hd ul li .a{font-size: .16rem;width: 1.1rem;}
    .mtab1 .bd{ margin: .16rem 0 0;}
    .banner .imgBox .img{ padding-bottom: 70%}
    .miso_form1 .bottom button{width: 1.3rem;height: .4rem;font-size: .16rem;}

    .mtab2 .hd{ margin: 0 0 .2rem;}
    .mtab2 .hd ul li .a h3{ font-size: .24rem;}
    .mtab2 .hd ul li .a h6{ font-size: .14rem;}

    .pad1{ padding: .4rem 0;}

    .index1 .left{ width: 100%;}
    .index1 .right{ width: 100%; margin: .2rem 0 0;}
    .lt1 .dots span{ margin: 0 0 0 .06rem;}
    .lt1 .txt{ padding: 0 .2rem .15rem;}
    .lt1 .imgBox::after{ height: 1.5rem;}
    .lt3 .a{ height: .4rem;}

    .tit1 .rr{width: 100%;margin: .15rem 0 0;justify-content: space-between;}
    .mtab3 .hd{width: 100%;justify-content: space-between;}
    .more2 a{ font-size: .15rem}

    .lt4{ grid-template-columns: repeat(2, 1fr); }
    .lt4 h4{ font-size: .16rem}

    .lt5{ grid-template-columns: repeat(2, 1fr); }
    .lt5 .ico{ width: .4rem; height: .4rem;}
    .lt5 .a{height: 1rem;}
    .lt5 h4{ font-size: .18rem;}

    .tit1 h3{ font-size: .24rem;}
    .tit1 h6{ font-size: .13rem;}
    .mtab3 .hd ul .a{min-width: .7rem;font-size: .14rem;}
    .mtab3 .hd ul{/* width: 100%; *//* margin: 0 0 .2rem; */}
    footer .fl1{ padding: .35rem 0 .25rem;}
} 
@media(max-width: 560px){
}