div{}
.indexAll{--swiper-pagination-bottom:3rem;--swiper-pagination-bullet-width:3rem;--swiper-pagination-bullet-height:0.25rem;--swiper-pagination-bullet-border-radius:2px;--swiper-pagination-color:#C0C4CC;--swiper-pagination-bullet-inactive-color:#C0C4CC;--swiper-pagination-bullet-opacity:1;--swiper-pagination-bullet-inactive-opacity:0.24}
.indexBox{width:100%;display:flex;justify-content:center;align-items:center}
.indexBox .leftbox,
.indexBox .rightbox{width:50%;height:100vh}
.indexBox .leftbox{background:black;color:white;position:relative}
.indexBox .leftbox .text_item{display:block;color:#fff}
.indexBox .leftbox>div:nth-child(1){padding-top:8%;margin-bottom:11%;height:30%}
.indexBox .leftbox>div:nth-child(1)>div{margin-left:7%;font-size:1.8rem;cursor:pointer}
.indexBox .leftbox>div:nth-child(2){display:flex;justify-content:center}
.indexBox .leftbox>div:nth-child(2) .logo_type{width:20.8rem;height:20.8rem}
.indexBox .leftbox>div:nth-child(3){position:absolute;bottom:5%;width:100%;display:flex;justify-content:center}
.indexBox .leftbox>div:nth-child(3)>img{width:200.0rem}
.indexBox .rightbox{overflow:hidden;position:relative;display:flex;justify-content:center;align-items:center}
.indexBox .rightbox>video{position:absolute;top:0;left:0;z-index:-1}
.indexBox .rightbox>div{width:58%;height:auto;margin:auto auto;padding:3% 0 0 0;background:white}
.text_item{width:20.0rem;overflow:hidden;position:relative}
.text_item .front_text{height:5.0rem;font-weight:800;font-size:2rem}
.text_item .back_text{position:absolute;top:-5.0rem;left:0;width:10.0rem;height:5.0rem;opacity:0;font-weight:800}
.text_item .center_else{font-size:2rem;position:absolute;top:-5.0rem;left:50%;transform:translate(-50%,0)}
.text_item:hover .front_text{opacity:0;transition:all 0.3s}
.text_item:hover .back_text{margin-bottom:3.0rem;top:0;opacity:1;transition:all 0.3s}
.carousel{height:100%;width:100%;background-color:#fff}
.carousel .banner{height:8.0rem;display:flex;justify-content:center;align-items:center;cursor:pointer}
.carousel .banner div{display:flex;justify-content:center;align-items:center}
.carousel .carousel_content{position:relative;color:white;width:80%;height:calc(92%);margin:0 auto}
.carousel .carousel_content .carousel_item{background-image:url("../themes/ronglifu/assets/images/product/right_radius1.jpg");background-position:center center;background-repeat:no-repeat;background-size:100% 100%;position:relative}
.carousel .gang_div{width:15.0rem;height:.2rem;background-color:#58ab00}
.carousel swiper-container{width:100%;height:100%;padding-bottom:5rem}
.carousel swiper-slide{text-align:center;font-size:18px;background:#fff;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}
.carousel swiper-slide p,
.carousel swiper-slide div,
.carousel swiper-slide h2{display:none !important}
.carousel swiper-slide:hover p,
.carousel swiper-slide:hover h2{display:block !important}
.carousel swiper-slide:hover div{display:flex !important}
.carousel swiper-slide img{border-radius:27.0rem 27.0rem 0 0;width:100%}
.carousel swiper-slide p{font-size:3.0rem;height:6.0rem;width:100%;position:absolute;bottom:16rem;padding:0 2.0rem;line-height:6.0rem}
.carousel swiper-slide div{display:flex;text-align:left;background-color:rgba(0,0,0,0.7);position:absolute;bottom:6rem;height:10.0rem;width:100%;padding:0 2.0rem;align-items:center;font-size:1.4rem}
.carousel swiper-slide h2{background-color:rgba(0,0,0,0.7);position:absolute;bottom:0;height:6.0rem;width:100%;padding:0 2.0rem;text-align:right;font-size:1.8rem}
.carousel .swiper-pagination-bullet{width:23rem;height:.5rem;display:block;text-align:center;background:rgba(0,0,0,0.2)}
.carousel .swiper-pagination-bullet-active{color:#fff;background:#007aff}