@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_ip{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_ip::after{content: "";display: inline-block;width: 15px;height: 15px;background: url(../../images/himall/import/arrow1.webp);background-size: 100%;margin-left: 8px;vertical-align: -2px;}
a.btn_ip:hover{opacity: 0.7;}


.banner{height: 400px;background: url(../../images/himall/import/banner.webp) center top no-repeat;background-size: cover;box-sizing: border-box;padding-top: 60px;}
.banner h5{display: flex;align-items: center;font-weight: bold;font-size: 16px;color: #252627;margin-bottom: 16px;}
.banner h5 em{display: block;width: 16px;height: 16px;background: url(../../images/himall/import/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: #1F1F1F;line-height: 28px;margin-bottom: 16px;}
.banner .i{display: flex;justify-content: baseline;flex-wrap: wrap;}
.banner i{display: block;font-weight: 400;font-size: 18px;color: #595959;margin-right: 24px;}
.banner i:last-child{margin-right: 0;}
.banner i::before{content: "";display: inline-block;width: 20px;height: 20px;background: url(../../images/himall/import/tick1.webp);background-size: 100%;margin-right: 6px;vertical-align: -3px;}
.banner .b_btn{display: flex;align-items: center;margin-top: 50px;}
.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: 176px;border: 1px solid #005EF4;background: none;color: #005EF4;margin-left: 13px;}


.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: #F4F5F8;}
.floor_1 ul{gap: 24px;}
.floor_1 ul li{width: 578px;height: 252px;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/import/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/import/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/import/fl1_fh2.webp);background-size: 100%;}
.floor_1 a{width: 237px;}


.floor_2{height: auto;overflow: hidden;padding-bottom: 90px;}
.floor_2 .option{width: 1180px;height: 48px;margin-bottom: 30px;}
.floor_2 .option li{width: 590px;height: 48px;border-bottom: 1px solid #D9D9D9;text-align: center;font-weight: 400;font-size: 16px;color: #595959;line-height: 48px;}
.floor_2 .option li.on{color: #000000;border-bottom: 2px solid #0077FF;}
.floor_2 .swiper-container{width: 1180px;height: 472px;overflow: hidden;}
.floor_2 .swiper-container .swiper-slide{width: 1180px;height: 472px;background: rgba(0,107,229,0.96);border-radius: 8px;box-sizing: border-box;padding: 36px 0 0 48px;display: flex;}
.floor_2 .swiper-container .swiper-slide .pic{width: 714px;height: 400px;background: #FFFFFF;display: flex;align-items: center;justify-content: center;margin-right: 30px;}
.floor_2 .swiper-container .swiper-slide .pic img{display: block;width: 688px;height: 359px;}
.floor_2 .swiper-container .swiper-slide .info{width: 350px;height: 400px;box-sizing: border-box;padding-top: 20px;}
.floor_2 .swiper-container .swiper-slide .info p{font-weight: 400;font-size: 16px;color: rgba(255,255,255,0.85);line-height: 28px;margin-bottom: 20px;padding-left: 78px;text-indent: -79px;}
.floor_2 .swiper-container .swiper-slide .info p em{font-weight: bold;font-size: 16px;color: rgba(255,255,255,0.85);margin-right: 16px;}
.floor_2 .swiper-container .swiper-slide .info a{display: block;width: 106px;height: 40px;background: #FFFFFF;border-radius: 3px;text-align: center;font-weight: 400;font-size: 14px;color: #006BE5;line-height: 40px;margin-top: 40px;}
.floor_2 .swiper-container .swiper-slide .info a::after{content: '';display: inline-block;width: 15px;height: 15px;background: url(../../images/himall/import/arrow2.webp);background-size: 100%;margin-left: 8px;vertical-align: -2px;}



.floor_3{height: auto;overflow: hidden;padding-bottom: 90px;background: url(../../images/himall/import/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{width: 1180px;height: 561px;background: rgba(255,255,255,0.3);border-radius: 4px;box-sizing: border-box;padding: 48px 80px;gap: 72px 64px;backdrop-filter: blur(60px);}
.floor_3 ul li{width: 292px;height: 100px;position: relative;}
.floor_3 ul li span{display: block;font-weight: bold;font-size: 20px;color: #ffffff;margin-bottom: 16px;}
.floor_3 ul li span::before{content: '';display: inline-block;width: 40px;height: 40px;background: url(../../images/himall/import/fl3_ico.png)no-repeat;background-size: auto 40px;margin-right: 10px;vertical-align: -12px;}
.floor_3 ul li:nth-child(1) span::before{background-position: 0 0;}
.floor_3 ul li:nth-child(2) span::before{background-position: -40px 0;}
.floor_3 ul li:nth-child(3) span::before{background-position: -80px 0;}
.floor_3 ul li:nth-child(4) span::before{background-position: -120px 0;}
.floor_3 ul li:nth-child(5) span::before{background-position: -160px 0;}
.floor_3 ul li:nth-child(6) span::before{background-position: -200px 0;}
.floor_3 ul li:nth-child(7) span::before{background-position: -240px 0;}
.floor_3 ul li:nth-child(8) span::before{background-position: -280px 0;}
.floor_3 ul li:nth-child(9) span::before{background-position: -320px 0;}
.floor_3 ul li p{width: 292px;font-weight: 400;font-size: 14px;color: rgba(255,255,255,0.65);line-height: 22px;}
.floor_3 ul li i{display: block;position: absolute;top: 0;right: -36px;width: 0;height: 100px;border-left: 1px solid rgba(255,255,255,0.1);}
.floor_3 ul li b{display: block;position: absolute;bottom: -32px;left: 0;width: 292px;height: 0;border-bottom: 1px solid rgba(255,255,255,0.1);}
.floor_3 a.btn_ip{width: 198px;background: #FFFFFF;color: #0077FF;}
.floor_3 a.btn_ip::after{background: url(../../images/himall/import/arrow2.webp);background-size: 100%;}


.floor_4{height: auto;overflow: hidden;padding-bottom: 90px;background: #F4F5F8;}
.floor_4 .t{display: flex;}
.floor_4 .t .option{width: 240px;height: auto;}
.floor_4 .t .option li{width: 240px;height: 118px;background: #E6F2FF;border-radius: 8px;box-sizing: border-box;padding: 16px 0 0 24px;margin-bottom: 16px;}
.floor_4 .t .option li em{display: block;font-weight: bold;font-size: 24px;color: #000000;}
.floor_4 .t .option li i{display: block;font-weight: 400;font-size: 24px;color: #595959;margin-top: 12px;}
.floor_4 .t .option li.on{background: #0077FF;}
.floor_4 .t .option li.on em{color: #FFFFFF;}
.floor_4 .t .option li.on i{color: rgba(255,255,255,0.85);}
.floor_4 .t .swiper-container{margin-left: auto;width: 924px;height: 386px;overflow: hidden;}
.floor_4 .t .swiper-container .swiper-slide{width: 924px;height: 386px;background: #FFFFFF;border-radius: 8px;}
.floor_4 .t .swiper-container .swiper-slide img{display: block;width: 924px;height: 148px;}
.floor_4 .t .swiper-container .swiper-slide .info{width: 924px;height: 238px;box-sizing: border-box;padding: 24px 0 0 32px;}
.floor_4 .t .swiper-container .swiper-slide .info span{display: block;font-weight: bold;font-size: 24px;color: #1F1F1F;margin-bottom: 12px;}
.floor_4 .t .swiper-container .swiper-slide .info p{font-weight: 400;font-size: 16px;color: #999999;margin-bottom: 6px;}
.floor_4 .t .swiper-container .swiper-slide .info p::before{content: '';display: inline-block;width: 18px;height: 18px;background: url(../../images/himall/import/tick2.webp);background-size: 100%;margin-right: 4px;vertical-align: -2px;}
.floor_4 .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;}
.floor_4 .t .swiper-container .slide3 .info a{margin-top: 36px;}
.floor_4 .t .swiper-container .swiper-slide .info a::after{content: '';display: inline-block;width: 15px;height: 15px;background: url(../../images/himall/import/arrow1.webp);background-size: 100%;margin-left: 8px;vertical-align: -2px;}


.floor_5{height: auto;overflow: hidden;padding-bottom: 90px;}
.floor_5 img{display: block;width: 1200px;height: 488px;margin: auto;}


.floor_6{height: auto;overflow: hidden;padding-bottom: 90px;background: #F4F5F8;}
.floor_6 .option{width: 960px;height: 48px;margin: 0 auto 48px;border-bottom: 1px solid #D9D9D9;}
.floor_6 .option li{width: 192px;height: 48px;box-sizing: border-box;margin-bottom: 48px;font-weight: 400;font-size: 16px;color: #595959;line-height: 48px;text-align: center;}
.floor_6 .option li.on{border-bottom: 2px solid #0077FF;color: #000000;}
.floor_6 .swiper-container{width: 1180px;height: 360px;overflow: hidden;}
.floor_6 .swiper-container .swiper-slide{width: 640px;height: 360px;background: #FFFFFF;border-radius: 8px;display: flex;transition: transform 0.3s ease, opacity 0.3s ease; transform-origin: center center;}
.floor_6 .swiper-container .swiper-slide img{display: block;width: 320px;height: 360px;}
.floor_6 .swiper-container .swiper-slide .info{width: 320px;height: 360px;background: #FFFFFF;box-sizing: border-box;padding: 40px 0 0 40px;}
.floor_6 .swiper-container .swiper-slide .info span{display: block;font-weight: bold;font-size: 20px;color: #000000;margin-bottom: 16px;}
.floor_6 .swiper-container .swiper-slide .info p{width: 240px;font-weight: 400;font-size: 14px;color: #999999;line-height: 22px;margin-bottom: 64px;}
.floor_6 .swiper-container .swiper-slide:not(.swiper-slide-active){transform: scale(0.875);}
.floor_6 .swiper-container .swiper-slide.swiper-slide-active {transform: scale(1) !important;z-index: 10;}


.floor_7{width: 1920px;height: 453px;overflow: hidden;background: url(../../images/himall/import/fl7_1.webp)top center no-repeat;background-size: 100%;margin: auto;box-sizing: border-box;padding-top: 40px;}
.floor_7 span{display: flex;align-items: center;font-weight: bold;font-size: 30px;color: #FFFFFF;margin-bottom:32px;}
.floor_7 span em{display: block;width: 79px;height: 20px;background: #E6F2FF;border-radius: 2px;text-align: center;font-weight: 400;font-size: 12px;color: #0077FF;line-height: 20px;margin-left: 8px;margin-top: 5px;}
.floor_7 h5{display: block;font-weight: bold;font-size: 20px;color: rgba(255,255,255,0.85);margin-bottom:12px;}
.floor_7 h4{display: block;font-weight: 400;font-size: 16px;color: rgba(255,255,255,0.85);line-height: 24px;margin-bottom:32px;}
.floor_7 dl{display: flex;justify-content: baseline;flex-wrap: wrap;}
.floor_7 dl dd{width: 231px;}
.floor_7 dl dd b{display:block;width: 79px;height: 28px;border-radius: 2px;border: 1px solid #FFFFFF;text-align: center;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 28px;margin-bottom:16px;}
.floor_7 dl dd:last-child b{width: 45px;}
.floor_7 dl dd p{font-weight: 400;font-size: 16px;color: #FFFFFF;margin-bottom:12px;}
.floor_7 dl dd p::before{content: '';display: inline-block;width: 4px;height: 4px;background: #FFFFFF;margin-right: 8px;vertical-align: 4px;border-radius: 50%;}


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


.floor_9{height: 348px;overflow: hidden;background: url(../../images/himall/import/fl9_bg.webp)top center no-repeat;background-size: cover;box-sizing: border-box;padding-top: 80px;text-align: center;}
.floor_9 span{display: block;font-weight: bold;font-size: 40px;color: #FFFFFF;margin-bottom:8px;}
.floor_9 p{font-weight: 400;font-size: 24px;color: #FFFFFF;}
.floor_9 a{display: block;width: 133px;height: 50px;background: #005EF4;border-radius: 4px;text-align: center;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 50px;margin: 40px auto 0}