@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: 1180px;margin: 0 auto;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}

a.btn_b2b2b{display: block;width: 198px;height: 48px;background: #0077FF;border-radius: 2px;text-align: center;margin: 48px auto 0;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 48px;}
a.btn_b2b2b::before{content: "";display: inline-block;width: 16px;height: 16px;background: url(../../images/himall/b2b2b/arrow3.png);background-size: 100%;margin-right: 8px;vertical-align: -2px;}
a.btn:hover{opacity: 0.7;}


.banner{height: 640px;background: url(../../images/himall/b2b2b/banner.png) center top no-repeat;background-size: cover;box-sizing: border-box;padding-top: 158px;}
.banner span{display: block;font-weight: bold;font-size: 56px;color: #000000;}
.banner span em{font-weight: bold;font-size: 56px;background: linear-gradient(0deg, #10AEFF 0%, #6467F0 100%);color: transparent;-webkit-text-fill-color: transparent;-webkit-background-clip: text!important;background-clip: text!important;}
.banner p{font-weight: 400;font-size: 20px;color: #1F1F1F;line-height: 28px;margin-top: 24px;}
.banner .i{display: flex;justify-content: baseline;flex-wrap: wrap;width: 626px;margin-top: 32px;}
.banner i{font-weight: 400;font-size: 16px;color: #1F1F1F;margin-right: 24px;width: 300px;margin-bottom: 8px;}
.banner i:nth-child(2n){margin-right: 0;}
.banner i::before{content: "";display: inline-block;width: 20px;height: 20px;background: url(../../images/himall/b2b2b/tick.png);background-size: 100%;margin-right: 6px;vertical-align: -5px;}
.banner .b_btn{display: flex;align-items: center;margin-top: 32px;}
.banner a{display: block;width: 167px;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){border: 1px solid #005EF4;background: none;color: #005EF4;margin-left: 13px;}
.banner a::before{content: "";display: inline-block;width: 16px;height: 16px;background: url(../../images/himall/b2b2b/arrow1.png);background-size: 100%;margin-right: 8px;vertical-align: -2px;}
.banner a:nth-child(2)::before{background: url(../../images/himall/b2b2b/arrow2.png);background-size: 100%;}


.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;}

.textclip{color: transparent;-webkit-text-fill-color: transparent;-webkit-background-clip: text!important;background-clip: text!important;}
.elips{overflow:hidden;text-overflow:ellipsis;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.elips3{overflow:hidden;text-overflow:ellipsis;word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}

.title_1{text-align: center;padding: 90px 0 48px;}
.title_1 span{display: block;font-weight: bold;color: #000000;font-size: 30px;}
.title_1 p{font-weight: 400;font-size: 20px;color: #5D5F63;padding-top: 16px;}

.floor_1{height: auto;overflow: hidden;padding-bottom:90px;background: linear-gradient( 180deg, #F8FEFD 0%, #FFFFFF 100%), #FFFFFF;}
.floor_1 .t{width: 1180px;height: 524px;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;border: 2px solid rgba(255, 255, 255, 1);box-sizing: border-box;padding: 48px 80px;}
.floor_1 ul{display: flex;justify-content: space-between;flex-wrap: wrap;width: 1020px;height: 428px;}
.floor_1 ul li{width: 292px;height: 100px;border-radius: 8px;position: relative;margin-bottom: 64px;}
.floor_1 ul li:hover{background: #F2F3F9;box-shadow: 0 0 0 20px #F2F3F9;}
.floor_1 ul li span{display: block;font-weight: bold;font-size: 20px;color: #000000;margin-bottom: 18px;}
.floor_1 ul li span::before{content: "";display: inline-block;width: 40px;height: 40px;background: url(../../images/himall/b2b2b/fl1_ico1.png);background-size: 100%;margin-right: 10px;vertical-align: -12px;}
.floor_1 ul li:nth-child(2) span::before{background: url(../../images/himall/b2b2b/fl1_ico2.png);background-size: 100%;}
.floor_1 ul li:nth-child(3) span::before{background: url(../../images/himall/b2b2b/fl1_ico3.png);background-size: 100%;}
.floor_1 ul li:nth-child(4) span::before{background: url(../../images/himall/b2b2b/fl1_ico4.png);background-size: 100%;}
.floor_1 ul li:nth-child(5) span::before{background: url(../../images/himall/b2b2b/fl1_ico5.png);background-size: 100%;}
.floor_1 ul li:nth-child(6) span::before{background: url(../../images/himall/b2b2b/fl1_ico6.png);background-size: 100%;}
.floor_1 ul li:nth-child(7) span::before{background: url(../../images/himall/b2b2b/fl1_ico7.png);background-size: 100%;}
.floor_1 ul li:nth-child(8) span::before{background: url(../../images/himall/b2b2b/fl1_ico8.png);background-size: 100%;}
.floor_1 ul li:nth-child(9) span::before{background: url(../../images/himall/b2b2b/fl1_ico9.png);background-size: 100%;}
.floor_1 ul li p{font-weight: 400;font-size: 14px;color: #595959;line-height: 22px;}
.floor_1 ul li i{display: block;width: 0px;height: 100px;border-left: 1px solid rgba(65, 164, 255, 1);opacity: 0.2;position: absolute;right: -36px;top: 0;}
.floor_1 ul li b{display: block;width: 292px;height: 0px;border-bottom: 1px solid rgba(65, 164, 255, 1);opacity: 0.2;position: absolute;left: 0;bottom: -32px;}


.floor_2{height: auto;overflow: hidden;padding-bottom: 90px;background: url(../../images/himall/b2b2b/fl2_bg.png) center top no-repeat;background-size: cover;}
.floor_2 .t{width: 1180px;height: 276px;background: linear-gradient( 90deg, 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: 8px;border: 2px solid rgba(255, 255, 255, 1);margin-bottom: 40px;display: flex;align-items: center;}
.floor_2 .t img{display: block;width: 400px;height: 244px;margin: 0 40px 0 16px;}
.floor_2 .t2 img{margin: 0 16px 0 0;}
.floor_2 .t .info{width: 684px;height: 186px;}
.floor_2 .t2 .info{margin: 0 40px;}
.floor_2 .t .info span{display: block;font-weight: bold;font-size: 20px;color: #000000;margin-bottom: 24px;}
.floor_2 .t .info p{height: 70px;font-weight: 400;font-size: 14px;color: #5D5F63;line-height: 22px;margin-bottom: 24px;}
.floor_2 .t .info a{display: block;text-align: center;width: 133px;height: 40px;border-radius: 3px;border: 1px solid #005EF4;font-weight: 400;font-size: 14px;color: #005EF4;line-height: 40px;}
.floor_2 .t .info a::after{content: '';display: inline-block;width: 14px;height: 14px;background: url(../../images/himall/b2b2b/arrow4.png);background-size: 100%;margin-left: 4px;vertical-align: -2px;}


.floor_3{height: auto;overflow: hidden;padding-bottom: 90px;}
.floor_3 img{display: block;margin: 0 auto;width: 1214px;height: 843px;}
.floor_3 a{width: 230px;}
.floor_3 a::before{background: url(../../images/himall/b2b2b/arrow5.png);background-size: 100%;}


.floor_4{height: auto;overflow: hidden;padding-bottom: 90px;background: radial-gradient(30% 60% at 50% 50%, rgba(78, 255, 237, 0.3) 0%, rgba(78,255,237,0) 100%), radial-gradient(30% 60% at 50% 50%, rgba(130, 45, 193, 0.2) 0%, rgba(154,90,201,0) 100%), #FFFFFF;}
.floor_4 img{display: block;margin: 0 auto;width: 1180px;height:572px;}



.floor_5{height: auto;overflow: hidden;padding-bottom: 90px;background: radial-gradient(30% 60% at 50% 50%, rgba(78, 255, 237, 0.3) 0%, rgba(78,255,237,0) 100%), radial-gradient(30% 60% at 50% 50%, rgba(130, 45, 193, 0.2) 0%, rgba(154,90,201,0) 100%), #FFFFFF;}
.floor_5 .t{width: 1180px;height: 366px;background: linear-gradient( 90deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.4) 100%);box-shadow: 8px 8px 20px 0px rgba(55,99,170,0.1);border-radius: 8px;border: 2px solid rgba(255, 255, 255, 1);margin-bottom: 48px;display: flex;align-items: center;}
.floor_5 .t img{display: block;width: 351px;height: 270px;margin-left: 48px;}
.floor_5 .t2 img{width: 357px;height: 270px;margin-left: 40px;}
.floor_5 .t .info{width: 684px;height: 270px;margin-left: 40px;box-sizing: border-box;}
.floor_5 .t2 .info{margin-left: 48px;width: 684px;height: 302px;}
.floor_5 .t .info .top{display: flex;align-items: center;}
.floor_5 .t .info .top b{display: block;width: 88px;height: 88px;background: url(../../images/himall/b2b2b/fl5_logo1.png);background-size: 100%;margin-right: 16px;}
.floor_5 .t2 .info .top b{background: url(../../images/himall/b2b2b/fl5_logo2.png);background-size: 100%;}
.floor_5 .t .info .top span{display: block;font-weight: bold;font-size: 32px;color: #000000;}
.floor_5 .t .info .top span em{width: auto;height: 20px;background: #E6F2FF;border-radius: 2px;text-align: center;font-weight: 400;font-size: 12px;color: #0077FF;line-height: 20px;box-sizing: border-box;padding: 0 4px;margin-left: 12px;display: inline-block;vertical-align:6px;}
.floor_5 .t .info .top h4{display: block;font-weight: 400;font-size: 20px;color: #000000;margin-top: 8px;}
.floor_5 .t .info p{width: 684px;font-weight: 400;font-size: 20px;color: #000000;line-height: 32px;margin-top: 32px;}
.floor_5 .t .info .i{display: flex;align-items: center;margin-top: 32px;}
.floor_5 .t .info .i i{display: block;font-weight: 400;font-size: 12px;color: #1F1F1F;margin-right: 40px;}
.floor_5 .t .info .i i::before{content: '';display: inline-block;width: 18px;height: 30px;background: url(../../images/himall/b2b2b/fl5_ico1.png);background-size: 100%;margin-right: 6px;vertical-align: -10px;}
.floor_5 .t .info .i i:nth-child(2)::before{background: url(../../images/himall/b2b2b/fl5_ico2.png);background-size: 100%;}
.floor_5 .t .info .i i:nth-child(3)::before{background: url(../../images/himall/b2b2b/fl5_ico3.png);background-size: 100%;}
.floor_5 .t .info .i i:nth-child(4)::before{background: url(../../images/himall/b2b2b/fl5_ico4.png);background-size: 100%;}
.floor_5 .t2 .info .i i:nth-child(1)::before{background: url(../../images/himall/b2b2b/fl5_ico5.png);background-size: 100%;}
.floor_5 .t2 .info .i i:nth-child(2)::before{background: url(../../images/himall/b2b2b/fl5_ico6.png);background-size: 100%;}
.floor_5 .t2 .info .i i:nth-child(3)::before{background: url(../../images/himall/b2b2b/fl5_ico7.png);background-size: 100%;}
.floor_5 .t2 .info .i i:nth-child(4)::before{background: url(../../images/himall/b2b2b/fl5_ico8.png);background-size: 100%;}


.floor_6{height: auto;overflow: hidden;padding-bottom: 90px;background: radial-gradient(95% 44% at 55% 67%, #FFF8EB 0%, rgba(255, 229, 204, 0.1) 100%), radial-gradient(95% 41% at 79% 37%, #F0F1FA 0%, rgba(173, 175, 255, 0.1) 100%), #FFFFFF;}
.floor_6 img{display: block;margin: 0 auto;width: 1180px;height: 530px;}

.floor_7{height: 287px;overflow: hidden;background: url(../../images/himall/b2b2b/fl7_bg.png)top center no-repeat;background-size: cover;box-sizing: border-box;padding-top: 64px;}
.floor_7 span{display: block;text-align: center;font-weight: 600;font-size: 40px;color: #FFFFFF;margin-bottom: 10px;}
.floor_7 p{display: block;text-align: center;font-weight: 400;font-size: 24px;color: rgba(255,255,255,0.85);margin-bottom: 40px;}
.floor_7 a{display: block;margin: 0 auto;width: 135px;height: 48px;background: #FFFFFF;border-radius: 4px;text-align: center;font-weight: 400;font-size: 16px;color: #005EF4;line-height:48px;}
.floor_7 a::before{content: "";display: inline-block;width: 16px;height: 16px;background: url(../../images/himall/b2b2b/arrow2.png);background-size: 100%;margin-right: 8px;vertical-align: -2px;}