@charset "utf-8";

.banner_box{margin: 1.76rem 0 0;position: relative;z-index: 3;}
.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: "";background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, transparent 100%);position: absolute;right: 0;bottom: 0;left: 0;height: 2rem;}
.banner .imgBox .img{padding-bottom: 25%;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 7s linear 0s normal both;}
@keyframes sca {
    0% {
        transform: scale(1.06);
    }
    100% {
        transform: scale(1);
    }
}
.banner .dots{position: absolute;bottom: .25rem;left: 0;right: 0;text-align: center;}
.banner .dots span{position: relative;z-index: 1;width: .36rem;height: .36rem;background: none;border-radius: 0;opacity: 1;margin: 0 0 !important;transition: .5s;}
.banner .dots span::before{content: "";position: absolute;background: url(../images/dots1.png) center no-repeat;top: 0;right: 0;bottom: 0;left: 0;opacity: 0;transition: .5s;background-size: 100%;}
.banner .dots span::after{content: "";position: absolute;background: #fff;width: .14rem;height: .14rem;left: 50%;right: 0;top: 50%;transition: .5s;opacity: .5;border-radius: 50vw;transform: translate(-50%, -50%);}

.banner .dots span.active{ margin:0 .15rem !important}
.banner .dots span.active::before{ opacity: 1;}
.banner .dots span.active::after{ opacity: 0;}

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

.tit1{ align-items: center; margin-bottom: .4rem;}
.tit1 .ll img{ height: .7rem;}
.more1{ align-items: center; font-size: .16rem; color: #000000; transition: .5s;}
.more1 img{ width: .29rem; margin: 0 0 0 .1rem;}

.indexa{background: url(../images/index_b.jpg) center no-repeat;padding-bottom: 0 !important;background-size: cover;}
.indexa .wp.flexjs{ margin-bottom: .9rem;}
.indexa .left{ width: 69.75%; }
.indexa .left .tit1{ padding: 0 .4rem 0 0;}
.indexa .right{ width: 28.4375%; }
.indexa .content .ll{ width: 6.6rem;}
.indexa .content .rr{ width: calc(100% - 6.6rem - .16rem);}

.list1Box{box-shadow: 0px 5px 20.79px 0.21px rgba(78, 0, 0, 0.1);}
.list1 .a{ display: block; position: relative; }
.list1 .imgBox .img{ padding-bottom: 60.60%;}
.list1 .time{position: absolute;width: .86rem;height: .825rem;border-radius: .16rem .16rem .16rem 0;background-image: linear-gradient( 0deg, rgb(178,42,44) 0%, rgb(220,78,80) 100%);box-shadow: 0px 5px 12.61px 0.39px rgba(63, 19, 19, 0.19);top: .18rem;left: .18rem;z-index: 1;flex-direction: column;justify-content: center;align-items: center;}
.list1 .time h3{ font-size: .36rem; color: #fff}
.list1 .time h6{ font-size: .14rem; color: #fff}
.list1 .txt{height: 1.2rem;background: #fff;padding: 0 .26rem;flex-direction: column;justify-content: center;width: 100%;}
.list1 p{ margin: .06rem 0 0;}
.list1 .dots{ position: absolute; bottom: .2rem; right: .36rem;}

.list2{ margin: -.15rem 0 0;}
.list2 .a{ height: 1.1rem; position: relative; z-index: 1; flex-direction: column;justify-content: center; padding: 0 .26rem;}
.list2 .a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: .16rem .16rem .16rem 0;background-image: linear-gradient( 0deg, rgb(178,42,44) 0%, rgb(220,78,80) 100%);box-shadow: 0px 5px 12.61px 0.39px rgba(63, 19, 19, 0.19); z-index: -1; opacity: 0; transition: .5s;}
.list2 h4{ margin: .06rem 0 0;}

.list3 .time{width: .7rem;text-align: center;margin: .05rem .1rem 0 0;}
.list3 .time h3{ font-size: .24rem; color: #b22a2c;}
.list3 .time h6{ font-size: .16rem; color: #666666; margin: .04rem 0 0;}
.list3 .txt{flex: 1;overflow: hidden;padding-bottom: .21rem;border-bottom: rgba(0,0,0,.15) 1px dashed;margin-bottom: .21rem;}
.list3 p{ margin: .06rem 0 0; display: none;}

.list3 li:first-child p{ display: block;}
.list3 li:last-child .txt{ padding-bottom: 0; margin-bottom: 0; border: none}

.indexb{ background: url(../images/indexb_b.jpg) center no-repeat; background-size: cover; position: relative; z-index: 1;}
.indexb .bg1{ position: absolute; top: 0; right: 0; left: 0; z-index: -1; opacity: .2;}
.indexb .bg2{ position: absolute; bottom: 0; right: 0; left: 0; z-index: -1; opacity: .2;}

.list4W{position: relative;margin: .4rem 0;}

.ul-listb1{ align-items: center}
.ul-listb1 li{width: 20%; }
.ul-listb1 li .a{perspective: 1000px;align-items: center;padding: .2rem 0;border-radius: .3rem 0 .3rem 0;flex-wrap: nowrap;justify-content: center;}
.ul-listb1 li .imgBox{width: 2.6rem;border-radius: .15rem;transform: rotateY(25deg);transform-origin: center;transform-style: preserve-3d;max-width: 100%;}
.ul-listb1 li .imgBox .img{ padding-bottom: 130%;}
.ul-listb1 li .txt{width: 0;opacity: 0;visibility: hidden;}
.ul-listb1 li p{ margin: .2rem 0 .4rem}

.ul-listb1 li:nth-child(3) .imgBox, .ul-listb1 li:nth-child(4) .imgBox{transform: rotateY(-25deg);order: 1;}

.ul-listb1 li.act{width: 40%;}
.ul-listb1 li.act .a{background: #fff;padding: .38rem .38rem;}
.ul-listb1 li.act .txt{width: calc(100% - 2.6rem);padding: 0 .22rem;visibility: visible;opacity: 1;}

.more2{width: 1.4rem;height: .4rem;border-radius: .12rem .2rem .2rem 0;background-image: linear-gradient( 90deg, rgb(178,42,44) 0%, rgb(220,78,80) 100%);box-shadow: 0px 5px 12.61px 0.39px rgba(63, 19, 19, 0.19);display: flex;align-items: center;justify-content: center;font-size: .16rem;color: #fff;}
.more2 svg{ width: .16rem; height: .16rem; fill: #fff; margin: 0 0 0 .12rem; transform: translateY(.02rem) rotateY(180deg)}

.arrow1{width: .36rem;height: .36rem;border: #fff 1px solid;border-radius: 50vw;display: flex;align-items: center;justify-content: center;position: absolute;top: 50%;transform: translateY(-50%);z-index: 2;}
.arrow1 svg{width: .2rem;height: .2rem;fill: #fff;margin: .02rem 0 0;}
.arrow1.prev{left: -.6rem;}
.arrow1.next{right: -.6rem;}
.arrow1.next svg{ transform: rotateY(180deg)}

.indexc-d{ position: relative; z-index: 1;}
.indexc-d img.bg1{ position: absolute; top: 0; right: 0; left: 0; z-index: -1;}
.indexc-d img.bg2{ position: absolute; bottom: 0; right: 0; left: 0; z-index: -1;}

.list6{ position: relative; z-index: 10;}
.list6 li{margin: 0 .4rem 0 0;position: relative;cursor: pointer;}
.list6 .a{border: #c7c7c7 1px solid;width: .6rem;height: .6rem;border-radius: 50%;font-size: .34rem;color: #2dd125;display: flex;justify-content: center;align-items: center;font-family: 'lib';transition: .5s;}
.list6 li .ewm{width: 1.04rem;background: #fff;border-radius: .06rem;position: absolute;padding: .03rem;top: 140%;left: 50%;margin-left: -.502rem;z-index: 1;opacity: 0;visibility: hidden;transition: all 0.5s;transform: translateY(.1rem);box-shadow: 0 0 0.3rem rgba(0,0,0,.2);}
.list6 li .ewm:before{content: "";position: absolute;width: .12rem;height: .12rem;background: #fff;transform: rotate(45deg);top: -.06rem;left: 50%;margin-left: -.06rem;}
.list6 li .ewm img{ width: 100%}

.list6 li:hover .ewm{ opacity: 1; visibility: visible; transform: translateY(0)}

.list7 .a{ display: block; position: relative;}
.list7 .txt{ position: absolute; right: 0; bottom: 0; left: 0; padding: 0 .3rem .2rem;}
.list7 .imgBox:after{content: "";background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, transparent 100%);position: absolute;right: 0;bottom: 0;left: 0;height: 1.5rem;}
.list7 .imgBox .img{ padding-bottom: 56.25%;}
.list7 h4{ font-size: .2rem; color: #fff !important;}

.list7s1 li{ width: 44.4375%;}
.list7s1 li:nth-child(2){ width: calc(100% - 44.4375%);}
.list7s1 li.video .imgBox:after{ background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%); height: 100%;}
.list7s1 li.video .ico{ width: .8rem; height: .8rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2;}

.list7s2 li{ width: calc(100% - 44.4375%);}
.list7s2 li:nth-child(2){ width: 44.4375%;}

.list7s1{ align-items: flex-end;}
.list7s2{ align-items: flex-start;}

.indexd .left{ width: 50%; padding: 0 .3rem 0 0;}
.indexd .right{ width: 50%; padding: 0 0 0 .3rem;}

.list8 .a{ display: block; position: relative;}
.list8 .txt{ position: absolute; right: 0; bottom: 0; left: 0; padding: 0 .3rem .2rem;}
.list8 .imgBox:after{content: "";background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, transparent 100%);position: absolute;right: 0;bottom: 0;left: 0;height: 1.5rem;}
.list8 .imgBox .img{ padding-bottom: 56.25%;}
.list8 h4{ font-size: .18rem; color: #fff !important;}

.indexd .right .list8 .imgBox .img{ padding-bottom: 41.55%;}

.list9 li{border-bottom: rgba(0, 0, 0, 0.15) 1px dashed;transition: .5s;}
.list9 .a{ height: .55rem; align-items: center;}
.list9 h4{flex: 1;position: relative;background: url(../images/list9.svg) left center no-repeat;background-size: .12rem .12rem !important;padding: 0 0 0 .24rem;}
.list9 h6{ width: auto; margin: 0 0 0 .2rem;}

@media(min-width: 1024px){
    .list2 .a:hover::before{ opacity: 1;}
    .list2 .a:hover *{ color: #fff;}
    .list9 li:hover{border-bottom: #b22a2c 1px dashed;}
}
@media(max-width: 1024px){
    .banner .imgBox .img{ padding-bottom: 50%;}
}
@media(max-width: 800px){
} 
@media(max-width: 560px){
}