@charset "utf-8";
*{margin:0;padding:0;border:0;outline:0;font-size:14px;vertical-align:baseline;background:transparent;font-family: "PingFang SC","Microsoft YaHei",sans-serif;color: #000000;}
a{text-decoration: none;cursor: pointer;}
.fl{float: left;}
.fr{float: right;}
img{border: none;}
em,i{font-style: normal;}
ul li{list-style: none;}
.width{width: 1180px;margin: 0 auto;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}

a.btn_qp{display: block;width: 200px;height: 50px;background: #005EF4;border-radius: 4px;text-align: center;margin: 48px auto 0;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 48px;}
a.btn_qp::before{content: "";display: inline-block;width: 15px;height: 15px;background: url(../../images/himall/qipei/arrow2.webp);background-size: 100%;margin-right: 8px;vertical-align: -2px;}
a.btn_qp:hover{opacity: 0.7;}


.banner{height: 400px;background: url(../../images/himall/qipei/banner.webp) center top no-repeat;background-size: cover;box-sizing: border-box;padding-top: 75px;}
.banner h5{display: flex;align-items: center;font-weight: 500;font-size: 16px;color: #252627;margin-bottom: 16px;}
.banner h5 em{display: block;width: 16px;height: 16px;background: url(../../images/himall/qipei/b_hash.webp);background-size: 100%;margin-right: 4px;}
.banner span{display: block;font-weight: bold;font-size: 38px;color: #000000;margin-bottom: 16px;}
.banner p{font-weight: 400;font-size: 20px;color: #5D5F63;line-height: 28px;}
.banner .b_btn{display: flex;align-items: center;margin-top: 44px;}
.banner a{display: block;width: 144px;height: 48px;background: #005EF4;border-radius: 4px;text-align: center;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 48px;}
.banner a:nth-child(2){width: 140px;border: 1px solid #005EF4;background: none;color: #005EF4;margin-left: 13px;box-sizing: border-box;}


.nav_m{height: 64px; background-color: #f5f5f5; width:100%;z-index:4;}
.nav_m .nav-l{margin-top: 22px;display: inline-block;}
.nav_m .nav-l li{ float:left;width:120px;height:42px;margin-right:15px;line-height:42px;text-align:center;color: #000; }
.nav_m .nav-l li a{display: block; color:#000; background: #fff;font-size:18px;}
.nav_m .nav-l li.current a{color:#fff; background: #CC3333;}
.nav_m .nav-l li a:hover,.nav_m .nav-r a:hover{color: #fff; background: #CC3333;}
.nav_m .nav-r{float: right;margin-top: 20px;}
.nav_m .nav-r a{display:inline-block;width:110px;text-align:center;line-height:32px;color:#484848;font-size:16px;border:2px solid #f8490a;border-radius:18px;}


.title_1{text-align: center;padding: 90px 0 48px;}
.title_1 span{display: block;font-weight: bold;color: #000000;font-size: 36px;}
.title_1 span em{font-weight: bold;font-size: 36px;background: linear-gradient(0deg, #10AEFF 0%, #6467F0 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.title_1 p{font-weight: 400;font-size: 20px;color: #595959;margin-top: 16px;}
.justify{display: flex;justify-content: space-between;flex-wrap: wrap;}


.floor_1{height: auto;overflow: hidden;padding-bottom: 90px;background: #F3F5F8;}
.floor_1 ul{gap: 24px;}
.floor_1 ul li{width: 578px;height: 208px;background: linear-gradient( 180deg, rgba(255,255,255,0.56) 0%, rgba(255,255,255,0.8) 100%);border-radius: 8px;border: 1px solid rgba(255, 255, 255, 1);box-sizing: border-box;padding: 48px 0 0 40px;position: relative;transition: all 0.5s ease-in-out;}
.floor_1 ul li span{display: block;font-weight: bold;font-size: 20px;color: #000000;margin-bottom: 24px;}
.floor_1 ul li p{width: 498px;font-weight: 400;font-size: 12px;color: #595959;line-height: 20px;margin-bottom: 24px;}
.floor_1 ul li b{display: block;font-weight: bold;font-size: 14px;color: #000000;}
.floor_1 ul li b::before{content: '';display: inline-block;width: 40px;height: 40px;background: url(../../images/himall/qipei/fl1_ico.png);background-size: auto 40px;margin-right: 8px;vertical-align: -16px;}
.floor_1 ul li:nth-child(1) b::before{background-position: 0 0;}
.floor_1 ul li:nth-child(2) b::before{background-position: -40px 0;}
.floor_1 ul li:nth-child(3) b::before{background-position: -80px 0;}
.floor_1 ul li:nth-child(4) b::before{background-position: -120px 0;}
.floor_1 ul li i{display: block;position: absolute;left: 24px;top: 24px;width: 16px;height: 16px;background: url(../../images/himall/qipei/fl1_fh1.webp);background-size: 100%;}
.floor_1 ul li.on{background: #FFFFFF;box-shadow: 4px 12px 40px -6px rgba(0,0,0,0.05);border-left: 4px solid #0077FF;box-sizing: border-box;}
.floor_1 ul li.on i{background: url(../../images/himall/qipei/fl1_fh2.webp);background-size: 100%;}



.floor_2{height: auto;overflow: hidden;padding-bottom: 90px;background: #F8FEFD;}
.floor_2 img{display: block;width: 1220px;height: 627px;margin: auto;}
.floor_2 a{margin-top: 20px;}


.floor_3{height: auto;overflow: hidden;padding-bottom: 90px;background: #F3F5F8;}
.floor_3 .t{display: flex;}
.floor_3 .t .option{width: 240px;height: auto;}
.floor_3 .t .option li{width: 240px;height: 124px;background: #E6F2FF;border-radius: 8px;box-sizing: border-box;padding: 24px 0 0 24px;margin-bottom: 16px;}
.floor_3 .t .option li em{display: block;font-weight: bold;font-size: 24px;color: #000000;}
.floor_3 .t .option li i{display: block;font-weight: 400;font-size: 24px;color: #595959;margin-top: 12px;}
.floor_3 .t .option li.on{background: #0077FF;}
.floor_3 .t .option li.on em{color: #FFFFFF;}
.floor_3 .t .option li.on i{color: rgba(255,255,255,0.85);}
.floor_3 .t .swiper-container{margin-left: auto;width: 924px;height: 353px;overflow: hidden;}
.floor_3 .t .swiper-container .swiper-slide{width: 924px;height: 353px;background: url(../../images/himall/qipei/fl3_1.webp);background-size: 100%;border-radius: 8px;position: relative;}
.floor_3 .t .swiper-container .slide2{background: url(../../images/himall/qipei/fl3_2.webp);background-size: 100%;}
.floor_3 .t .swiper-container .swiper-slide .info{width: 924px;height: 135px;background: rgba(255,255,255,0.8);border-radius: 0 0 8px 8px;border: 1px solid rgba(255, 255, 255, 0.8);box-sizing: border-box;padding: 26px 0 0 40px;position: absolute;left: 0;bottom: 0;backdrop-filter: blur(30px);}
.floor_3 .t .swiper-container .swiper-slide .info span{display: block;font-weight: bold;font-size: 20px;color: #000000;margin-bottom: 11px;}
.floor_3 .t .swiper-container .swiper-slide .info p{width: 700px;font-weight: 400;font-size: 14px;color: #595959;line-height: 22px;}
.floor_3 .t .swiper-container .swiper-slide .info a{display: block;width: 106px;height: 40px;background: #0077FF;border-radius: 3px;text-align: center;font-weight: 400;font-size: 14px;color: #FFFFFF;line-height: 40px;margin-top: 16px;position: absolute;right: 40px;bottom: 48px;}
.floor_3 .t .swiper-container .swiper-slide .info a::after{content: '';display: inline-block;width: 15px;height: 15px;background: url(../../images/himall/qipei/arrow1.webp);background-size: 100%;margin-left: 8px;vertical-align: -2px;}


.floor_4{height: auto;overflow: hidden;padding-bottom: 90px;background: url(../../images/himall/qipei/fl4_bg.webp) center top no-repeat;background-size: cover;}
.floor_4 ul{width: 1180px;height: 561px;background: linear-gradient( 180deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.4) 100%);box-shadow: 4px 12px 40px -6px rgba(0,0,0,0.05);border-radius: 16px;box-sizing: border-box;padding: 48px 80px;gap: 72px 64px;backdrop-filter: blur(60px);}
.floor_4 ul li{width: 292px;height: 100px;position: relative;}
.floor_4 ul li span{display: block;font-weight: bold;font-size: 20px;color: #000000;margin-bottom: 16px;}
.floor_4 ul li span::before{content: '';display: inline-block;width: 40px;height: 40px;background: url(../../images/himall/qipei/fl4_ico.png)no-repeat;background-size: auto 40px;margin-right: 10px;vertical-align: -12px;}
.floor_4 ul li:nth-child(1) span::before{background-position: 0 0;}
.floor_4 ul li:nth-child(2) span::before{background-position: -40px 0;}
.floor_4 ul li:nth-child(3) span::before{background-position: -80px 0;}
.floor_4 ul li:nth-child(4) span::before{background-position: -120px 0;}
.floor_4 ul li:nth-child(5) span::before{background-position: -160px 0;}
.floor_4 ul li:nth-child(6) span::before{background-position: -200px 0;}
.floor_4 ul li:nth-child(7) span::before{background-position: -240px 0;}
.floor_4 ul li:nth-child(8) span::before{background-position: -280px 0;}
.floor_4 ul li:nth-child(9) span::before{background-position: -320px 0;}
.floor_4 ul li p{width: 292px;font-weight: 400;font-size: 14px;color: #5D5F63;line-height: 22px;}
.floor_4 ul li i{display: block;position: absolute;top: 0;right: -36px;width: 0;height: 100px;border-left: 1px solid rgba(99, 143, 255, 0.2);}
.floor_4 ul li b{display: block;position: absolute;bottom: -32px;left: 0;width: 292px;height: 0;border-bottom: 1px solid rgba(65, 164, 255,0.2);}


.floor_5{height: auto;overflow: hidden;padding-bottom: 90px;background: #FCFCFC;}
.floor_5 img{display: block;width: 1214px;height: 843px;margin: auto;}
.floor_5 a{width: 230px;}
.floor_5 a::before{background: url(../../images/himall/qipei/arrow3.webp);background-size: 100%;}


.floor_6{height: auto;overflow: hidden;padding-bottom: 90px;background: #F4F5F8;}
.floor_6 .swiper-container{width: 1180px;height: 402px;overflow: hidden;}
.floor_6 .swiper-container .swiper-slide{width: 1180px;height: 402px;background: rgba(0,107,229,0.96);border-radius: 8px;box-sizing: border-box;padding: 45px 0 0 48px;display: flex;}
.floor_6 .swiper-container .swiper-slide img{display: block;width: 518px;height: 312px;margin-right: 40px;}
.floor_6 .swiper-container .swiper-slide .info{width: 518px;height: 308px;box-sizing: border-box;padding-top: 20px;}
.floor_6 .swiper-container .swiper-slide .info .top{display: flex;margin-bottom: 28px;}
.floor_6 .swiper-container .swiper-slide .info .top h5{display: block;width: 68px;height: 68px;background: url(../../images/himall/qipei/fl6_logo.webp);background-size: 100%;margin-right: 16px;}
.floor_6 .swiper-container .swiper-slide .info .top span{display: flex;align-items: center;font-weight: bold;font-size: 28px;color: #FFFFFF;margin-bottom: 8px;}
.floor_6 .swiper-container .swiper-slide .info .top span em{display: block;width: 68px;height: 20px;background: #E6F2FF;border-radius: 2px;text-align: center;font-weight: 400;font-size: 12px;color: #0077FF;line-height: 20px;margin-left: 8px;}
.floor_6 .swiper-container .swiper-slide .info .top b{display: block;font-weight: 400;font-size: 16px;color: #FFFFFF;}
.floor_6 .swiper-container .swiper-slide .info p{width: 518px;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 24px;margin-bottom: 35px;}
.floor_6 .swiper-container .swiper-slide .info .i{display: flex;justify-content: baseline;flex-wrap: wrap;}
.floor_6 .swiper-container .swiper-slide .info .i i{display: block;font-weight: 400;font-size: 16px;color: #FFFFFF;margin-right: 36px;}
.floor_6 .swiper-container .swiper-slide .info .i i::before{content: '';display: inline-block;width: 18px;height: 18px;background: url(../../images/himall/qipei/fl6_ico.png)no-repeat;background-size: auto 18px;margin-right: 4px;vertical-align: -3px;}
.floor_6 .swiper-container .swiper-slide .info .i i:nth-child(1)::before{background-position: 0 0;}
.floor_6 .swiper-container .swiper-slide .info .i i:nth-child(2)::before{background-position: -18px 0;}
.floor_6 .swiper-container .swiper-slide .info .i i:nth-child(3)::before{background-position: -36px 0;}


.floor_7{height: auto;overflow: hidden;padding-bottom: 90px;}
.floor_7 img{display: block;width: 1180px;height: 530px;margin: auto;}


.floor_8{height: 287px;overflow: hidden;background: url(../../images/himall/qipei/fl8_bg.webp)top center no-repeat;background-size: cover;box-sizing: border-box;padding-top: 55px;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{background: url(../../images/himall/qipei/arrow4.webp);background-size: 100%;}