@charset "utf-8";
*{margin:0;padding:0;border:0;font-size:14px;background:transparent;font-family:"PingFang SC","Microsoft YaHei"}
ul,li{list-style: none;}
a{text-decoration: none;cursor: pointer;}
strong{font-weight: normal;}
em,i{font-style: normal;}
.clearfix {*zoom: 1;}
.w1180{width: 1180px;margin: 0 auto;}
.w1200{width: 1200px;margin: 0 auto;}
.clearfix:after {display: block;content: " ";height: 0;visibility: hidden;clear: both;}

.title_1{text-align: center;padding: 80px 0 48px;}
.title_1 span{display: block;font-weight: bold;font-size:36px;color:#000000;}
.title_1 p{font-weight: 400;font-size: 18px;color: #595959;margin-top: 16px;}


.banner{height: 560px;background: url(../../images/himall/banben/banner.webp) center top no-repeat;background-size: cover;box-sizing: border-box;padding-top: 128px;}
.banner img{display: block;width: 65px;height: 24px;margin-bottom: 16px;}
.banner span{display: block;font-size: 46px;font-weight: bold;color: #FFFFFF;margin-bottom: 16px;}
.banner span em{font-size: 46px;font-weight: bold;background: linear-gradient(8deg, #BA99FF 0%, #ABD8FF 50%, #8BFAEB 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.banner p{font-weight: 400;font-size: 24px;color: #FFFFFF;line-height: 36px;}
.banner .b_btn{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 40px;width: 450px;}
.banner .b_btn a{display: block;width: 210px;height: 66px;background: #FFFFFF;border-radius: 100px;text-align: center;font-weight: 400;font-size: 24px;color: #0077FF;line-height: 66px;}
.banner .b_btn a:nth-child(2){border: 1px solid #FFFFFF;background: none;color: #FFFFFF;}


.btn_bb{display: block;width: 310px;height: 66px;background: linear-gradient( 270deg, #389AFF 0%, #2B74F8 100%);border-radius: 100px;text-align: center;font-weight: 400;font-size: 24px;color: #FFFFFF;line-height: 66px;margin: 48px auto 0}
.btn_bb::after{content: "";display: inline-block;width: 24px;height: 25px;background: url(../../images/himall/banben/arrow1.webp);background-size: 100%;margin-left: 8px;vertical-align: -4px;}
.justify{display: flex;justify-content: space-between;flex-wrap: wrap;}
.f_btn{display: flex;justify-content: center;flex-wrap: wrap;margin: 50px auto 0;}
.f_btn a{display: block;width: 270px;height: 66px;background: linear-gradient( 270deg, #389AFF 0%, #2B74F8 100%);border-radius: 100px;text-align: center;font-weight: 400;font-size: 24px;color: #FFFFFF;line-height: 66px;}
.f_btn a::after{content: "";display: inline-block;width: 24px;height: 25px;background: url(../../images/himall/banben/arrow1.webp);background-size: 100%;margin-left: 8px;vertical-align: -4px;}
.f_btn a:nth-child(2){background: #FFFFFF;color: #0077FF;margin-left: 20px;}
.f_btn a:nth-child(2)::after{background: url(../../images/himall/banben/arrow2.webp);background-size: 100%;}


.floor_1{height: auto;overflow: hidden;padding-bottom: 80px;background: url(../../images/himall/banben/fl1_bg.webp) center top no-repeat;background-size: cover;}
.floor_1 .t{display: flex;align-items: center;}
.floor_1 .t .info{width: 602px;height: 466px;background: #FFFFFF;box-shadow: 3px 6px 12px 0px rgba(0,0,0,0.05);border-radius: 12px;display: flex;align-items: center;justify-content: center;}
.floor_1 .t .info img{display: block;width: 570px;height:420px;}
.floor_1 .t img.pic1{display: block;width: 34px;height:457px;margin: 0 14px;}
.floor_1 .t img.pic2{display: block;width: 511px;height:466px;}


.floor_2{height: auto;overflow: hidden;padding-bottom: 80px;background: url(../../images/himall/banben/fl2_bg.webp) center top no-repeat;background-size: cover;}
.floor_2 .option{width: 960px;height: 64px;background: #FFFFFF;border-radius: 32px;border: 1px solid rgba(255, 255, 255, 0.64);margin: 0 auto 30px;box-sizing: border-box;padding: 6px;}
.floor_2 .option i{display: block;width: 472px;height: 48px;border-radius: 24px;text-align: center;font-weight: 400;font-size: 20px;color: #595959;line-height: 48px;}
.floor_2 .option i.on{background: #0077FF;color: #FFFFFF;}
.floor_2 .swiper-container{width: 1180px;height: 472px;margin: auto;overflow: hidden;}
.floor_2 .swiper-container .swiper-slide{width: 1180px;height: 472px;background: #FFFFFF;border-radius: 16px;box-sizing: border-box;padding: 24px 0 0 32px;display: flex;}
.floor_2 .swiper-container .swiper-slide .info{width: 530px;height: 434px;box-sizing: border-box;padding: 16px 0 0 16px;margin-right: 60px;}
.floor_2 .swiper-container .swiper-slide .info h5{display: block;font-weight: 400;font-size: 16px;color: #595959;margin-bottom: 16px;}
.floor_2 .swiper-container .swiper-slide .info h5 em{display: inline-block;width: 32px;height: 20px;background: #0AC6F5;border-radius: 2px;text-align: center;font-weight: 400;font-size: 12px;color: #FFFFFF;line-height: 20px;margin-right: 8px;vertical-align: 1px;}
.floor_2 .swiper-container .swiper-slide .info h4{display: block;font-weight: bold;font-size: 24px;color: #000000;margin-bottom: 16px;}
.floor_2 .swiper-container .swiper-slide .info h3{display: block;font-weight: 400;font-size: 16px;color: #1F1F1F;line-height: 24px;}
.floor_2 .swiper-container .swiper-slide .info hr{display: block;width: 504px;height: 0px;border-top: 1px solid #F0F0F0;margin: 24px 0;}
.floor_2 .swiper-container .swiper-slide .info dl{width: 530px;gap: 40px;}
.floor_2 .swiper-container .swiper-slide .info dl dd{width: 205px;height: 104px;position: relative;}
.floor_2 .swiper-container .swiper-slide .info dl dd span{display: block;font-weight: bold;font-size: 20px;color: #000000;margin-bottom: 8px;}
.floor_2 .swiper-container .swiper-slide .info dl dd p{font-weight: 400;font-size: 16px;color: #595959;line-height: 24px;}
.floor_2 .swiper-container .swiper-slide .info dl dd i{display: block;position: absolute;top: 0;right: -40px;width: 0;height: 104px;border-left: 1px solid #F0F0F0;}
.floor_2 .swiper-container .swiper-slide .info a{display: block;width: 135px;height: 48px;background: #000000;border-radius: 24px;text-align: center;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 48px;margin-top: 24px;}
.floor_2 .swiper-container .swiper-slide img{display: block;width: 516px;height: 356px;margin-top: 34px;}


.floor_3{height: auto;overflow: hidden;padding-bottom: 80px;background: url(../../images/himall/banben/fl3_bg.webp) center top no-repeat;background-size: cover;}
.floor_3 .title_1 span{color: #FFFFFF;}
.floor_3 .title_1 P{color: rgba(255,255,255,0.65);}
.floor_3 ul{gap: 16px;}
.floor_3 ul li{width: 380px;height: 208px;border-radius: 12px;background: linear-gradient(53deg, rgba(255, 255, 255, 0.28) 28.3%, rgba(255, 255, 255, 0.28) 71.7%);backdrop-filter: blur(32px);box-sizing: border-box;padding-top: 32px;}
.floor_3 ul li span{display: block;font-weight: 500;font-size: 20px;color: #FFFFFF;text-align: center;margin-bottom: 8px;}
.floor_3 ul li span::before{content: '';display: block;width: 48px;height: 48px;background: url(../../images/himall/banben/fl3_ico.png)no-repeat;background-size: auto 48px;margin: 0 auto 16px;}
.floor_3 ul li:nth-child(1) span::before{background-position;: 0, 0}
.floor_3 ul li:nth-child(2) span::before{background-position: -48px, 0}
.floor_3 ul li:nth-child(3) span::before{background-position: -96px, 0}
.floor_3 ul li:nth-child(4) span::before{background-position: -144px, 0}
.floor_3 ul li:nth-child(5) span::before{background-position: -192px, 0}
.floor_3 ul li:nth-child(6) span::before{background-position: -240px, 0}
.floor_3 ul li p{font-weight: 400;font-size: 14px;color: rgba(255,255,255,0.65);line-height: 22px;text-align: center;}


.floor_4{height: auto;overflow: hidden;padding-bottom: 80px;}
.floor_4 img{display: block;width: 1180px;height: 464px;margin: auto;}
.floor_4 .f_btn a:nth-child(2){border: 1px solid #0077FF;box-sizing: border-box;}


.floor_5{height: auto;background: #F4F5F8 url(../../images/himall/banben/fl5_bg.png)center top no-repeat;background-size: cover;}
.floor_5 .title_1 span{color: #FFFFFF;}
.floor_5 .title_1 p{color: rgba(255,255,255,0.65);}
.floor_5 .w1200{display: flex; height: 488px;margin-top:4px;position: relative;}
.floor_5 .w1200 .option{display: block;height: 100%;width: 232px;box-sizing: border-box;position: absolute;left: 0;top: 0;}
.floor_5 .w1200 .option>div{width: 100%;height: 162.4px;background: rgb(47,52,62);}
.floor_5 .w1200 .option>div span{display: block;width: 100%;height: 175px;font-size: 28px;font-family: PingFang SC;font-weight: 400;color: #FFFFFF;line-height: 176px;margin-left: 24px;}
.floor_5 .w1200 .option>div span::before{display: inline-block;content: "";width: 40px;height: 41px;background: url(../../images/himall/banben/fl5_ico1.png);background-size: 100%;margin-right: 10px;vertical-align: -8px;}
.floor_5 .w1200 .option>div:nth-child(2) span::before{background: url(../../images/himall/banben/fl5_ico2.png);background-size: 100%;}
.floor_5 .w1200 .option>div:nth-child(3) span::before{background: url(../../images/himall/banben/fl5_ico3.png);background-size: 100%;}
.floor_5 .w1200 .option>div.on{background: rgba(36,36,36,0.6);border-right: 8px solid #FE3F3A;box-sizing: border-box;}
.floor_5 .w1200 .cont{width: 968px;height: 100%;position: absolute;left: 232px;top: 0;} 
.floor_5 .w1200 .cont .top_text{display: flex;align-items: center;width: 904px;height: 40px;margin-top: 48px;justify-content: right;}
.floor_5 .w1200 .cont .top_text i{width: 544px;height: 0px;border: 1px solid #8C8C8C;margin-right: 16px;}
.floor_5 .w1200 .cont .top_text span{height: 40px;font-size: 28px;font-weight: 400;color: #FAFAFA;line-height: 40px;}
.floor_5 .w1200 .cont .bot{width: 100%;height: auto;padding-top: 63px;display: flex;}
.floor_5 .w1200 .cont .bot .img{background: url(../../images/himall/banben/fl5_img1.png);background-size: 100%;width: 500px;height: 274px;margin-left: 64px;margin-right: 62px;}
.floor_5 .w1200 .cont_2 .bot .img{background: url(../../images/himall/banben/fl5_img2.png);background-size: 100%;width: 458px;height: 336px;margin-left: 80px;margin-right: 80px;}
.floor_5 .w1200 .cont_3 .bot .img{background: url(../../images/himall/banben/fl5_img3.png);background-size: 100%;width: 449px;height: 272px;margin-left: 64px;margin-right: 105px;}
.floor_5 .w1200 .cont .bot .bot_text ul{display: flex;justify-content: space-between;flex-wrap: wrap;width: 286px;height: 272px;margin-top: 10px;}
.floor_5 .w1200 .cont .bot .bot_text ul li{width: 286px;height: 44px;border-radius: 8px;opacity: 1;border: 1px solid #BFBFBF;font-size: 18px;font-family: PingFang SC;font-weight: 400;color: #FFFFFF;line-height: 44px;text-align: center;}


.floor_6{height: auto;overflow: hidden;padding-bottom: 80px;}
.floor_6 ul{gap: 20px;}
.floor_6 ul li{display: flex;width: 180px;height: 200px;background: url(../../images/himall/banben/fl6_bg.webp)no-repeat;background-size: auto 200px;align-items: center;justify-content: center;font-weight: 500;font-size: 24px;color: #FFFFFF;}
.floor_6 ul li:nth-child(1){background-position: 0 0;}
.floor_6 ul li:nth-child(2){background-position: -180px 0;}
.floor_6 ul li:nth-child(3){background-position: -360px 0;}
.floor_6 ul li:nth-child(4){background-position: -540px 0;}
.floor_6 ul li:nth-child(5){background-position: -720px 0;}
.floor_6 ul li:nth-child(6){background-position: -900px 0;}
.floor_6 ul li:nth-child(7){background-position: -1080px 0;}
.floor_6 ul li:nth-child(8){background-position: -1260px 0;}
.floor_6 ul li:nth-child(9){background-position: -1440px 0;}
.floor_6 ul li:nth-child(10){background-position: -1620px 0;}
.floor_6 ul li:nth-child(11){background-position: -1800px 0;}
.floor_6 ul li:nth-child(12){background-position: -1980px 0;}


.floor_7{height: auto;overflow: hidden;padding-bottom: 80px;background: url(../../images/himall/banben/fl7_bg.webp)center top no-repeat;background-size: cover;}
.floor_7 ul li{width: 380px;height: 519px;background: #FFFFFF;box-shadow: 5px 8px 20px 0px rgba(55,99,170,0.15);border-radius: 12px;}
.floor_7 ul li .top{width: 380px;height: 240px;background: url(../../images/himall/banben/fl7.png)no-repeat;background-size: auto 240px;box-sizing: border-box;padding: 132px 0 0 15px;}
.floor_7 ul li:nth-child(1) .top{background-position: 0 0;}
.floor_7 ul li:nth-child(2) .top{background-position: -380px 0;}
.floor_7 ul li:nth-child(3) .top{background-position: -760px 0;}
.floor_7 ul li .top .info{width: 350px;height: 95px;background: rgba(255,255,255,0.5);border-radius: 8px;border: 1px solid rgba(255,255,255,0.6);backdrop-filter: blur(30px);box-sizing: border-box;padding: 0 0 0 15px;display: flex;align-items: center;}
.floor_7 ul li .top .info i{display: block;width: 120px;height: 50px;background: url(../../images/himall/banben/fl7_logo.png)no-repeat;background-size: auto 50px;margin-right: 45px;}
.floor_7 ul li:nth-child(1) .top .info i{background-position: 0 0;}
.floor_7 ul li:nth-child(2) .top .info i{background-position: -120px 0;}
.floor_7 ul li:nth-child(3) .top .info i{background-position: -240px 0;}
.floor_7 ul li .top .info h5{display: block;font-weight: bold;font-size: 20px;color: #000000;margin-bottom: 8px;}
.floor_7 ul li .top .info h4{display: block;font-weight: 400;font-size: 14px;color: #000000;}
.floor_7 ul li span{display: block;font-weight: 400;font-size: 20px;color: #000000;margin: 30px 0 16px 30px;}
.floor_7 ul li span::before{content: '';display: inline-block;width: 20px;height: 20px;background: url(../../images/himall/banben/fl7_x.webp);background-size:100%;margin-right: 8px;vertical-align: -2px;}
.floor_7 ul li p{width: 320px;font-weight: 400;font-size: 16px;color: #000000;margin: 0 0 24px 30px;line-height: 24px;}
.floor_7 ul li dl{width: 320px;margin: auto;}
.floor_7 ul li dl dd{width: 150px;height: 80px;background: #F5F5F5;border-radius: 8px;display: flex;align-items: center;justify-content: center;}
.floor_7 ul li dl dd b{display: block;font-weight: 400;font-size: 14px;color: #595959;line-height: 20px;}
.floor_7 ul li dl dd b em{font-weight: 400;font-size: 14px;color: #0077FF}
.floor_7 img{display: block;width: 1180px;height: 200px;margin:75px auto 0;}


.floor_8{height: 282px;overflow: hidden;background: url(../../images/himall/banben/fl8_bg.webp)center top no-repeat;background-size: cover;box-sizing: border-box;padding-top: 56px;text-align: center;}
.floor_8 span{display: block;font-weight: bold;font-size: 38px;color: #FFFFFF;margin-bottom: 16px;}
.floor_8 p{font-weight: 400;font-size: 20px;color: rgba(255,255,255,0.65);}
.floor_8 a{display: block;width: 135px;height: 48px;background: #FFFFFF;border-radius: 2px;border: 1px solid #FFFFFF;text-align: center;font-weight: 400;font-size: 16px;color: #0077FF;line-height: 48px;margin: 32px auto 0;}
.floor_8 a::before{content: '';display: inline-block;width: 16px;height: 16px;background: url(../../images/himall/banben/arrow3.webp);background-size: 100%;margin-right: 8px;vertical-align: -3px;}