@charset "utf-8";

.banner_box{padding: 0px;position: relative;z-index: 3;overflow: hidden;margin: 1.24rem 0 0;}
.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 .img{padding-bottom: 17.96875%;transition: 0s;transform: scale(1) !important;}
.banner .imgBox .img video{ opacity: .9;}
.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 .dots{z-index: 10;display: flex;justify-content: center;align-items: center;margin: -.15rem .2rem 0;position: absolute;flex-direction: column;left: auto;right: 4%;top: 1rem;width: auto;bottom: 0;}
.banner .dots span{width: .28rem;height: .28rem;background: none;font-size: .16rem;color: #fff;opacity: 1;margin: .175rem 0 !important;position: relative;z-index: 1}
.banner .dots span:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/dots1.png) center no-repeat;background-size: cover; transition: .5s;}
.banner .dots span:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/dots1s.png) center no-repeat;background-size: cover;opacity: 0;transition: .5s;}

.banner .dots span:nth-child(1):before{ transform: rotate(-90deg)}
.banner .dots span:nth-child(3):before{ transform: rotate(90deg)}
.banner .dots span:nth-child(1):after{ transform: rotate(-90deg)}
.banner .dots span:nth-child(3):after{ transform: rotate(90deg)}

.banner .dots span.active:before{ opacity: 0}
.banner .dots span.active:after{ opacity: 1}

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

.tit1{ margin-bottom: .44rem;}
.tit1 h3{ align-items: center; font-size: .3rem; color: #323232;}
.tit1 h3 img{ width: .28rem; margin: 0 .18rem 0 0;}

.home1{ padding-bottom: .3rem;}
.home1 .left{width: 66.5625%;flex-direction: column;justify-content: space-between;}
.home1 .right{ width: 30%;}

.home1 .box0{ border: 1px solid #E1D8CC; padding: .25rem .4rem;}
.home1 .box2{ margin: .4rem 0 0;}

.tit2{margin-bottom: .4rem;border-bottom: 1px solid #E1D8CC;align-items: flex-end}
.tit2 .ll{font-size: .26rem;color: #333333;font-weight: bold;padding-bottom: .2rem;position: relative;margin: 0 .3rem 0 0;}
.tit2 .ll:before{ content: ""; position: absolute; left: 0; bottom: -3px; width: 100%; height: 5px; background: #BC1E2C}
.tit2 .rr{padding: 0 0 .22rem;flex: 1;overflow: hidden;}

.lt1{ margin: 0 -7px;}
.lt1 li{ width: 33.33%; padding: 0 7px; margin-bottom: .18rem}
.lt1 .a{font-size: .16rem;color: #333;display: block;line-height: 2;}

.lt2 li{ margin-bottom: .15rem}
.lt2 .a{ height: 1.4rem; align-items: center; padding: 0 .64rem 0 .72rem; background: url(../images/lt2_b1.jpg) center no-repeat; background-size: cover;}
.lt2 .ll{flex: 1;overflow: hidden;align-items: center;}
.lt2 .ll .ico{width: .86rem;height: .86rem;margin: 0 .26rem 0 0;}
.lt2 .ll .ico img{ width: 100%}
.lt2 .ll h4{flex: 1;overflow: hidden;font-size: .26rem;color: #fff;}
.lt2 i img{ width: .34rem}

.lt2 li:nth-child(2) .a{ background: url(../images/lt2_b2.jpg) center no-repeat; background-size: cover;}
.lt2 li:nth-child(3) .a{ background: url(../images/lt2_b3.jpg) center no-repeat; background-size: cover;}

.mtab1{border: 1px solid #E1D8CC;margin: .35rem 0 0;}
.mtab1 .hd{ background: #F7F5F1;}
.mtab1 .hd ul li{ flex: 1;}
.mtab1 .hd ul li .a{ display: flex; align-items: center; justify-content: center; height: .6rem; font-size: .24rem; color: #333333; font-weight: bold;}
.mtab1 .hd ul li.on .a{ background: #A81F2B; color: #fff;}
.mtab1 .bd{padding: .28rem .35rem;}

.lt3 li{margin-bottom: .34rem;}
.lt3 .a{ position: relative; z-index: 1;}
.lt3 .a:before{content: "";position: absolute; top: 0; right: 0;bottom: 0;left: 0; background: linear-gradient(298deg, #DC0718 -3%, #A1313D 100%); z-index: -1; transition: .5s; opacity: 0;} 
.lt3 .imgBox{width: 1.13rem;}
.lt3 .imgBox .img{ padding-bottom: 142.32%;}
.lt3 .dd{ flex: 1; overflow: hidden;}
.lt3 .txt{flex: 1;overflow: hidden;padding: 0 0 0 .26rem;display: flex;flex-direction: column;justify-content: center;position: relative;z-index: 1;}
/* .lt3 .txt::before{ content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; ;background-size: 100% auto;}
*/.lt3 h4{font-size: .24rem;color: #333;line-height: 1.25; transition: .5s;} 
.lt3 .line{width: 100%;height: 1px;background: #C2AA86;margin: .18rem 0 .18rem;position: relative;transition: .5s;}
.lt3 .line::before{content: "";position: absolute;background: url(../images/lt3_s.svg) center no-repeat;background-size: cover;width: .12rem;height: .11rem;top: -.07rem;right: 0; transition: .5s;}
.lt3 p{font-size: .18rem;color: #666666;transition: .5s;padding: .03rem 0;}

.lt3 li:last-child{ margin-bottom: 0;}

.home2 .content{background: url(../images/h2_b.jpg) center no-repeat;background-size: cover;padding: .85rem 1.32rem;height: 5.32rem; display: flex; justify-content: flex-end}
.home2 .content .box{width: 5.86rem;height: 3.64rem;background: url(../images/h2_b1.jpg) center no-repeat;background-size: cover;padding: .4rem .5rem;box-shadow: 0px 0px 19px 0px rgba(100, 100, 100, 0.06);max-width: 100%;}
.lt4{ padding: 0 0 0 .12rem}
.lt4 p{font-size: .18rem;color: #333333;line-height: 1.5;margin-bottom: .16rem;padding: 0 0 0 .34rem;background-size: .22rem .22rem !important;}
.lt4 p.p1{ background: url(../images/lt4_i1.png) left .02rem no-repeat}
.lt4 p.p2{ background: url(../images/lt4_i2.png) left .02rem no-repeat}
.lt4 p.p3{ background: url(../images/lt4_i3.png) left .02rem no-repeat}
.lt4 p.p4{ background: url(../images/lt4_i4.png) left .02rem no-repeat}

.lt4 p:last-child{ margin-bottom: 0}

@media(min-width: 769px){
    /* .lt3 .a:hover:before{ opacity: 1; }
    .lt3 .a:hover *{ color: #fff;}
    .lt3 .a:hover .line::before{ background: url(../images/lt3_s.svg) center no-repeat;background-size: cover;} */

    .lt1 .a:hover{ color: #A81F2B;}

}
@media(max-width: 769px){
    .banner_box{ margin: .7rem 0 0}
    .pad1{ padding: .4rem 0;}

    .home1 .left{ width: 100%;}
    .home1 .right{ width: 100%; margin-top: .4rem;}
    
    .tit1{ margin-bottom: .25rem;}
    .tit1 h3 img{ width: .2rem;}
    .tit1 h3{ font-size: .24rem;}

    .tit2{margin-bottom: .3rem;}
    .tit2 .ll{ padding-bottom: .15rem}

    .lt1 li{ width: 50%}
    .lt1 .a{ line-height: 1.5}
    .home1 .box0{ padding: .2rem 15px}

    .tit2 .rr{ flex: auto; width: 100%; padding-top: .25rem}

    .lt2 .ll .ico{ width: .5rem; height: .5rem}
    .lt2 .ll .ico{font-size: .24rem;margin: 0 15px 0 0;}
    .lt2 .ll h4{ font-size: .2rem}
    .lt2 .a{height: .7rem;}

    .mtab1 .bd{ padding: .2rem 15px}
    .mtab1 .hd ul li .a{ font-size: .2rem; height: .5rem}

    .home2{padding-bottom: 75vw;padding-top: 0;}
 .home2 .content{padding: 0;height: auto;background-position: 38% 0;background-size: 205% auto;}

    .home2 .content .box{margin: 50vw 0 0;width: 100%;padding: .3rem 15px;height: 3.2rem;}

    .lt4 p{ background-size: .18rem .18rem !important;}
    .lt4{ padding: 0}
    .lt3 .txt{ padding: 0 0 0 15px;}
    .lt2 i img{ width: .24rem;}

    .lt3 h4{font-size: .2rem;
}