@charset "utf-8";
*{margin:0;padding:0;border:0;outline:0;font-size:14px;vertical-align:baseline;background:transparent;font-family: "PingFang SC";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: 1200px;margin: 0 auto;}
.width{width: 1180px;margin: 0 auto;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}


a.btn_b2b{width: 180px;height: 48px;background: #005EF4;border-radius: 4px;text-align: center;display: block;margin: 0 auto;font-size: 16px;font-weight: 400;color: #FFFFFF;line-height: 48px;}

a.btn_b2b::after{content: "";display: inline-block;width: 16px;height: 16px;background: url(../../images/himall/b2b/arrow.webp);background-size: 100%;margin-left: 5px;vertical-align: -2px;}
a.btn:hover{opacity: 0.7;}
a.btn_1{display: block;margin: 0 auto;width: 448px;}
a.btn_1 div{display: flex;margin-top: 28px;}
a.btn_1 span{display: block;width: 272px;height: 54px;background: #FFFFFF;border-radius: 8px 0px 0px 8px;border: 1px solid #0E6EFF;text-align: center;line-height: 54px;font-size: 24px;font-weight: 400;color: #0E6EFF;line-height: 54px;}
a.btn_1 i{display:block;width: 176px;height: 56px;background: #0E6EFF;border-radius: 0px 8px 8px 0px;font-size: 24px;font-weight: 500;color: #FFFFFF;line-height: 56px;text-align: center;}



.banner{height: 431px;background: url(../../images/himall/b2b/banner.webp) center top no-repeat;background-size: cover;box-sizing: border-box;padding-top: 62px;}
.banner h5{display: block;font-weight: 500;font-size: 16px;color: #252627;}
.banner h5 em{display: inline-block;width: 16px;height: 16px;background: url(../../images/himall/b2b/b_hash.webp);background-size: 100%;margin-right: 4px;vertical-align: -2px;}
.banner span{display: block;font-weight: 500;font-size: 38px;color: #000000;margin: 16px 0;}
.banner i{font-weight: 400;font-size: 16px;color: #5D5F63;margin-right: 32px;}
.banner i::before{content: "";display: inline-block;width: 20px;height: 20px;background: url(../../images/himall/b2b/tick.webp);background-size: 100%;margin-right: 2px;vertical-align: -5px;}
.banner p{width: 560px;font-weight: 400;font-size: 20px;color: #5D5F63;line-height: 28px;margin-top: 16px;}
.banner a{margin-left: 0;margin-top: 34px;}


.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: 80px 0 40px;}
.title_1 span{color: #000000;font-size: 38px;display: block;font-weight: 500;}
.title_1 p{font-weight: 400;font-size: 20px;color: #5D5F63;padding-top: 10px;}

.floor_1{height: auto;overflow: hidden;padding-bottom: 80px;}
.floor_1 ul{display: flex;justify-content: space-between;flex-wrap: wrap;background: url(../../images/himall/b2b/fl1_1.png)center center no-repeat;background-size: 432px,332px;}
.floor_1 ul li{width: 374px;height: 152px;background: #FFFFFF;box-shadow: 0px 4px 24px 0px rgba(182,120,120,0.2);border-radius: 16px;margin-bottom: 32px;display: flex;align-items: center;}
.floor_1 ul li:nth-child(2n+1){margin-right: 430px;}

.floor_1 ul li:nth-child(1){margin-top: 20px;}
.floor_1 ul li:nth-child(2){height: 178px;}

.floor_1 ul li:nth-child(5){height: 178px;}

.floor_1 ul li:nth-child(6){height: 178px;}
.floor_1 ul li span{display: block;margin-left: 24px;width: 80px;height: 80px;background: url(../../images/himall/b2b/fl1_l1.png);background-size: 100%;}
.floor_1 ul li:nth-child(2) span{background: url(../../images/himall/b2b/fl1_l2.png);background-size: 100%;}
.floor_1 ul li:nth-child(3) span{background: url(../../images/himall/b2b/fl1_l3.png);background-size: 100%;}
.floor_1 ul li:nth-child(4) span{background: url(../../images/himall/b2b/fl1_l4.png);background-size: 100%;}
.floor_1 ul li:nth-child(5) span{background: url(../../images/himall/b2b/fl1_l5.png);background-size: 100%;}
.floor_1 ul li:nth-child(6) span{background: url(../../images/himall/b2b/fl1_l6.png);background-size: 100%;}
.floor_1 ul li i{display: block;width: 0;height: 48px;border: 1px solid #D9D9D9;margin: 0 24px;}
.floor_1 ul li p{width: 182px;font-size: 18px;font-weight: 400;color: #5D5F63;line-height: 26px;}
.floor_1 ul li:hover span{background: url(../../images/himall/b2b/fl1_h1.png);background-size: 100%;}
.floor_1 ul li:nth-child(2):hover span{background: url(../../images/himall/b2b/fl1_h2.png);background-size: 100%;}
.floor_1 ul li:nth-child(3):hover span{background: url(../../images/himall/b2b/fl1_h3.png);background-size: 100%;}
.floor_1 ul li:nth-child(4):hover span{background: url(../../images/himall/b2b/fl1_h4.png);background-size: 100%;}
.floor_1 ul li:nth-child(5):hover span{background: url(../../images/himall/b2b/fl1_h5.png);background-size: 100%;}
.floor_1 ul li:nth-child(6):hover span{background: url(../../images/himall/b2b/fl1_h6.png);background-size: 100%;}
.floor_1 a{display: block;margin: 0 auto;width: 448px;}



.floor_2{height: auto;overflow: hidden;padding-bottom: 80px;background: #F4F5F8;}

.floor_2 img{display: block;margin: 0 auto;width: 1180px;height: 476px;}

.floor_2 a.btn_1{margin-top: 40px;}





.floor_3{height: auto;overflow: hidden;padding-bottom: 80px;}

.floor_3 img{display: block;margin: 0 auto;width: 1220px;height: 637px;}


.floor_4{height: auto;overflow: hidden;background: #F4F5F8;padding-bottom: 80px;}
.floor_4 dl{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 40px;border-bottom: 1px solid #EAEAEB;}
.floor_4 dl dd{width: 270px;height: 60px;}
.floor_4 dl dd.on{border-bottom: 2px solid #0E6EFF;}
.floor_4 dl dd span{display: block;font-size: 20px;font-weight: 400;color: #6C6C6C;text-align: center;height: 60px;line-height: 60px;}
.floor_4 dl dd.on span{font-weight: bold;color: #0E6EFF;}
.floor_4 ul{width: 4720px;height: 100%;display: flex;justify-content: space-between;flex-direction: row;transition: 0.2s;}
.floor_4 ul li{width: 1180px;height: 442px;background: #FFFFFF;border-radius: 8px;box-shadow: 8px 8px 20px 0px rgba(55,99,170,0.1);display: flex;align-items: center;overflow: hidden;}
.floor_4 ul li img{display: block;width: 495px;height: 360px;margin-left: 68px;}
.floor_4 .width{overflow: hidden;}
.floor_4 ul li b{display: block;width: 0;height:264px;border: 1px solid #D9D9D9;margin: 0 48px;}
.floor_4 ul li span{display: block;font-size: 24px;font-weight: bold;color: #000000;margin-bottom: 10px;}
.floor_4 ul li p{display: block;font-size: 18px;font-weight: 400;color: #6C6C6C;margin-bottom: 20px;line-height: 32px;}
.floor_4 ul li .info{width: 472px;height: 88px;background: #ECF5FF;border-radius: 8px;border: 1px dashed #0E6EFF;margin-left: 8px;display: flex;align-items: center;justify-content: center;}
.floor_4 ul li .info i{width: 200px;height: 56px;background: #FFFFFF;border-radius: 28px;border: 1px solid #0E6EFF;display: inline-block;margin-right: 24px;font-size: 20px;font-weight: 400;color: #0E6EFF;line-height: 56px;text-align: center;}
.floor_4 ul li .info i:last-child{margin-right: 0;}
.floor_4 ul li .info i em{display: inline-block;width: 32px;height: 32px;background: url(../../images/himall/b2b/fl4_li1_ico1.png);background-size: 100%;vertical-align: -8px;margin-right: 10px;}
.floor_4 ul li .info i:last-child em{background: url(../../images/himall/b2b/fl4_li1_ico2.png);background-size: 100%;}
.floor_4 ul li a{width: 201px;height: 50px;margin-left: 8px;margin-top: 100px;line-height: 50px;}

.floor_4 ul li a::after{content: "";display: inline-block;width: 16px;height: 16px;background: url(../../images/himall/b2b/arrow.webp);background-size: 100%;margin-left: 5px;vertical-align: -1px;}
.floor_4 ul li:nth-child(2) .info{width: 472px;height: 140px;}
.floor_4 ul li:nth-child(2) .info>div{margin-right: 8px;}
.floor_4 ul li:nth-child(2) .info>div:last-child{margin-right:0;}
.floor_4 ul li:nth-child(2) .info>div i{width: 141px;height: 48px;font-size: 18px;margin-right: 0px;margin-bottom: 12px;line-height: 48px;border-radius: 24px;display: block;}
.floor_4 ul li:nth-child(2) .info>div i:last-child{margin-bottom: 0;}
.floor_4 ul li:nth-child(2) .info>div i em{width: 24px;height: 24px;background: url(../../images/himall/b2b/fl4_li2_ico1.png);background-size: 100%;vertical-align: -4px;margin-right: 4px;}
.floor_4 ul li:nth-child(2) .info>div i:nth-child(2) em{background: url(../../images/himall/b2b/fl4_li2_ico2.png);background-size: 100%;}
.floor_4 ul li:nth-child(2) .info>div:nth-child(2) i em{background: url(../../images/himall/b2b/fl4_li2_ico3.png);background-size: 100%;}
.floor_4 ul li:nth-child(2) .info>div:nth-child(2) i:nth-child(2) em{background: url(../../images/himall/b2b/fl4_li2_ico4.png);background-size: 100%;}
.floor_4 ul li:nth-child(2) .info>div:nth-child(3) i em{background: url(../../images/himall/b2b/fl4_li2_ico5.png);background-size: 100%;}
.floor_4 ul li:nth-child(2) .info>div:nth-child(3) i:nth-child(2) em{background: url(../../images/himall/b2b/fl4_li2_ico6.png);background-size: 100%;}
.floor_4 ul li:nth-child(2) a{margin-top: 32px;}
.floor_4 ul li:nth-child(3) a{margin-top: 60px;}

.floor_4 ul li:nth-child(4) a{margin-top: 56px;}
.floor_4 ul li:nth-child(3) .info i em{background: url(../../images/himall/b2b/fl4_li3_ico1.png);background-size: 100%;}
.floor_4 ul li:nth-child(3) .info i:last-child em{background: url(../../images/himall/b2b/fl4_li3_ico2.png);background-size: 100%;}
.floor_4 ul li:nth-child(4) .info i{width: 141px;margin-right: 8px;}
.floor_4 ul li:nth-child(4) .info i:last-child{margin-right: 0;}
.floor_4 ul li:nth-child(4) .info i em{background: url(../../images/himall/b2b/fl4_li4_ico1.png);background-size: 100%;margin-right: 4px;vertical-align: -5px;width: 25px;height: 24px;}
.floor_4 ul li:nth-child(4) .info i:nth-child(2) em{background: url(../../images/himall/b2b/fl4_li4_ico2.png);background-size: 100%;}
.floor_4 ul li:nth-child(4) .info i:nth-child(3) em{background: url(../../images/himall/b2b/fl4_li4_ico3.png);background-size: 100%;}


.floor_5{height: auto;overflow: hidden;padding-bottom: 80px;}
.floor_5 .width{display: flex;overflow: hidden;height: 570px;margin-bottom: 48px;}
.floor_5 ul li{width: 432px;height: 114px;background: #F4F5F8;border-top: 1px solid #D9D9D9;box-sizing: border-box;}
.floor_5 ul li.on{border-right: 8px solid #0E6EFF;background: #FFFFFF;}
.floor_5 ul li span{display: block;font-size: 22px;font-weight: bold;color: #6C6C6C;margin-left: 32px;padding-top: 14px;}
.floor_5 ul li p{display: block;width: 368px;font-size: 16px;font-weight: 400;color: #8C8C8C;margin-left: 32px;margin-top: 4px;line-height: 24px;}
.floor_5 ul li.on span{color: #0E6EFF;}
.floor_5 ul li.on p{color: #6C6C6C;}
.floor_5 .cont{width: 748px;height: 2800px;background: #FFFFFF;display: flex;align-items: center;justify-content: center;flex-direction: column;transition: 0.2s;}
.floor_5 .pic{display: flex;align-items: center;justify-content: center;width: 100%;height: 560px;}
.floor_5 .pic img{display: block;width: 748px;height: 560px;}




.floor_6{height: auto;overflow: hidden;padding-bottom: 80px;background: #F4F5F8;}
.floor_6 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.floor_6 ul li{width: 280px;height: 416px;background: url(../../images/himall/b2b/fl6_1.webp);background-size: 100%;position: relative;}
.floor_6 ul li:nth-child(2){background: url(../../images/himall/b2b/fl6_2.webp);background-size: 100%;}

.floor_6 ul li:nth-child(3){background: url(../../images/himall/b2b/fl6_3.webp);background-size: 100%;}

.floor_6 ul li:nth-child(4){background: url(../../images/himall/b2b/fl6_4.webp);background-size: 100%;}
.floor_6 ul li .info{position: absolute;bottom: 0;left: 0;width: 280px;height: 175px;background: rgba(217,217,217,0.3);border-radius: 0px 0px 8px 8px;box-sizing: border-box;padding: 22px 0 0 24px;backdrop-filter: blur(50px);}

.floor_6 ul li .info span{display: block;font-weight: 500;font-size: 22px;color: #FFFFFF;margin-bottom: 12px;}

.floor_6 ul li .info p{width: 232px;font-weight: 400;font-size: 14px;color: #FFFFFF;line-height: 22px;}


.floor_7{height: auto;overflow: hidden;padding-bottom: 80px;}
.floor_7 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.floor_7 ul li{width: 151px;height: 199px;box-shadow: 8px 8px 20px 0px rgba(55,99,170,0.1);border: 8px;}
.floor_7 ul li img{display: block;width: 151px;height: 145px;}

.floor_7 ul li span{display: block;width: 151px;height: 54px;background: #FFFFFF;border-radius: 0px 0px 8px 8px;text-align: center;line-height: 54px;font-weight: 400;font-size: 14px;color: #000000;}

.floor_7 a{margin-top: 48px;}




.floor_8{height: 320px;overflow: hidden;background: url(../../images/himall/b2b/fl8_bg.webp)top center no-repeat;background-size: cover;box-sizing: border-box;padding-top: 80px;}
.floor_8 span{display: block;text-align: center;font-weight: 600;font-size: 48px;color: #FFFFFF;margin-bottom: 50px;}
.floor_8 a{display: block;margin: 0 auto;width: 227px;height: 50px;background: #005EF4;border-radius: 4px;text-align: center;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height:50px;}
.floor_8 a::after{content: '';display: inline-block;width: 17px;height: 16px;background: url(../../images/himall/b2b/arrow.png);background-size: 100%;margin-left: 5px;vertical-align: -2px;}