@charset "utf-8";
*{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;font-family:"PingFang SC","Microsoft YaHei","微软雅黑","宋体"!important;font-size: 14px;}
a{text-decoration:none;}
img{border:0;vertical-align: middle;}
ul,li{list-style-type:none;}
em,i{font-style:normal;}
strong{font-weight: normal;}
img{border:0;vertical-align: middle;}
.w1200{width:1200px;margin:0 auto;}
.w1180{width: 1180px;margin: 0 auto;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
.clear{clear:both;}
.fr{float: right;}
.fl{float: left;}

.banner{height: 488px;background:url(../../images/himall/index/banner.webp)center top no-repeat;background-size:cover;box-sizing: border-box;padding-top: 95px;}
.banner span{display: block;font-weight: bold;font-size: 42px;color: #000000;margin-bottom: 30px;}
.banner span em{font-weight: bold;font-size: 42px;background: linear-gradient(0deg, #10AEFF 0%, #6467F0 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.banner p{display: block;font-weight: 400;font-size: 24px;color: #1F1F1F;margin-bottom: 30px;}
.banner i{display: inline-block;font-weight: 400;font-size: 18px;color: #595959;margin-right: 36px;margin-bottom: 12px;}
.banner i em{width: 18px;height: 18px;background:url(../../images/himall/index/b_tick.webp);background-size: 100%;display: inline-block;margin-right: 4px;vertical-align: -4px;}
.banner .b_btn{display: flex;align-items: center;margin-top: 40px;}
.banner .b_btn a{display: block;width: 180px;height: 56px;background: #0077FF;border-radius: 4px;text-align: center;font-weight: 400;font-size: 18px;color: #FFFFFF;line-height: 56px;}
.banner .b_btn a:last-child{background: linear-gradient( 90deg, #FEB166 0%, #FFD0A1 100%);color: #000000;margin-left: 26px;}


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

.justify{display: flex;justify-content: space-between;flex-wrap: wrap;}
.btn_hm{display:block;margin: 50px auto 0;width: 191px;height: 50px;background: #005EF4;border-radius: 4px;text-align: center;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 50px;}

.btn_hm::after{content: '';display: inline-block;width: 17px;height: 16px;background:url(../../images/himall/index/arrow1.webp);background-size: 100%;margin-left: 8px;vertical-align: -3px;}




.build_1{overflow: hidden;height:auto;padding-bottom: 80px;background: #F5F8FF;}
.build_1 ul li{width: 280px;height: 459px;box-shadow: 0px 4px 12px 0px rgba(55,99,170,0.1);position: relative;}
.build_1 ul li .top{width: 280px;height: 80px;background: linear-gradient( 180deg, #2C87FE 0%, #8CC7FE 100%);border-radius: 8px 8px 0px 0px;box-sizing: border-box;padding: 18px 0 0 20px;position: absolute;top: 0;left: 0;z-index: 1;}
.build_1 ul li .top h5{display: block;font-weight: 500;font-size: 22px;color: #FFFFFF;}

.build_1 ul li .top h5::before{content: '';display: inline-block;width: 28px;height: 28px;background:url(../../images/himall/index/fl1_ico.webp)no-repeat;background-size: auto 28px;margin-right: 8px;vertical-align: -6px;}
.build_1 ul li:nth-child(1) .top h5::before{background-position: -0, -0;}

.build_1 ul li:nth-child(2) .top h5::before{background-position: -28px, -0;}

.build_1 ul li:nth-child(3) .top h5::before{background-position: -56px, -0;}

.build_1 ul li:nth-child(4) .top h5::before{background-position: -84px, -0;}

.build_1 ul li .bot{width: 280px;height: 400px;background: rgba(255,255,255,0.6);border-radius: 8px;box-sizing: border-box;padding-top: 40px;position: absolute;left: 0;bottom: 0;z-index: 2;backdrop-filter: blur(12px);}

.build_1 ul li .bot img{display: block;width: 240px;height: 315px;margin: auto;}





.build_2{overflow: hidden;height:auto;padding-bottom: 80px;background: linear-gradient( 180deg, #F8FEFD 0%, #FFFFFF 100%), #FFFFFF;}
.build_2 img{display: block;width: 1180px;height: 498px;margin: auto;}



.build_3{overflow: hidden;height:auto;padding-bottom: 80px;background:url(../../images/himall/index/fl3_bg.webp)center top no-repeat;background-size:cover;}

.build_3 .title_1 strong{color: #ffffff;}

.build_3 .title_1 em{color: rgba(255,255,255,0.65);}
.build_3 ul{width: 1180px;height: 524px;background: rgba(255,255,255,0.3);border-radius: 4px;box-sizing: border-box;padding: 48px 80px;backdrop-filter: blur(60px);}
.build_3 ul li{width: 292px;height: 100px;position: relative;margin-bottom: 64px;}
.build_3 ul li span{display: block;font-weight: bold;font-size: 20px;color: #FFFFFF;margin-bottom: 16px;}

.build_3 ul li span::before{content: '';display: inline-block;width: 40px;height: 40px;background:url(../../images/himall/index/fl3_ico.webp)no-repeat;background-size: auto 40px;margin-right: 10px;vertical-align: -12px;}

.build_3 ul li:nth-child(1) span::before{background-position: -0, -0;}

.build_3 ul li:nth-child(2) span::before{background-position: -40px, -0;}

.build_3 ul li:nth-child(3) span::before{background-position: -80px, -0;}

.build_3 ul li:nth-child(4) span::before{background-position: -120px, -0;}

.build_3 ul li:nth-child(5) span::before{background-position: -160px, -0;}

.build_3 ul li:nth-child(6) span::before{background-position: -200px, -0;}

.build_3 ul li:nth-child(7) span::before{background-position: -240px, -0;}

.build_3 ul li:nth-child(8) span::before{background-position: -280px, -0;}

.build_3 ul li:nth-child(9) span::before{background-position: -320px, -0;}

.build_3 ul li p{width: 292px;font-weight: 400;font-size: 14px;color: rgba(255,255,255,0.65);line-height: 22px;}

.build_3 ul li i{display: block;width: 0;height: 100px;border-left: 1px solid rgba(255,255,255,0.15);position: absolute;top: 0;right: -32px;}

.build_3 ul li b{display: block;width: 292px;height: 0;border-top: 1px solid rgba(255,255,255,0.15);position: absolute;bottom: -32px;left: 0;}



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

.build_4 .title_1{padding-bottom: 10px;}
.build_4 img{display: block;width: 1200px;height: 545px;margin: auto;}

.build_4 a{margin-top: 10px;}


.build_5{overflow: hidden;height:auto;padding-bottom: 80px;background: #F3F5F8;}
.build_5 dl dd{width: 381px;height: 401px;background: #FFFFFF;box-shadow: 2px 6px 20px -3px rgba(0,0,0,0.05);border-radius: 16px;border: 1px solid rgba(255, 255, 255, 1);box-sizing: border-box;padding: 32px 0 0 24px;}

.build_5 dl dd span{display: block;font-weight: bold;font-size: 24px;color: #000000;margin-bottom: 24px;}

.build_5 dl dd p{width: 333px;font-weight: 400;font-size: 16px;color: #595959;line-height: 24px;margin-bottom: 24px;}

.build_5 dl dd img{display: block;width: 333px;height: 186px;}

.build_5 ul{margin-top: 50px;width: 1180px;height: 423px;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: 8px;border: 2px solid rgba(255, 255, 255, 1);box-sizing: border-box;padding: 48px;gap:30px 64px;display: flex;justify-content: center;flex-wrap: wrap;}

.build_5 ul li{width: 222px;height: 85px;text-align: center;position: relative;}

.build_5 ul li span{display: block;font-weight: 400;font-size: 20px;color: #33363F;}

.build_5 ul li span::before{content: '';display: block;width: 40px;height: 40px;background:url(../../images/himall/index/fl5_ico.webp)no-repeat;background-size: auto 40px;margin: 0 auto 16px;}

.build_5 ul li:nth-child(1) span::before{background-position: -0, -0;}

.build_5 ul li:nth-child(2) span::before{background-position: -40px, -0;}

.build_5 ul li:nth-child(3) span::before{background-position: -80px, -0;}

.build_5 ul li:nth-child(4) span::before{background-position: -120px, -0;}

.build_5 ul li:nth-child(5) span::before{background-position: -160px, -0;}

.build_5 ul li:nth-child(6) span::before{background-position: -200px, -0;width: 42px;}

.build_5 ul li:nth-child(7) span::before{background-position: -242px, -0;}

.build_5 ul li:nth-child(8) span::before{background-position: -280px, -0;width: 41px;}

.build_5 ul li:nth-child(9) span::before{background-position: -322px, -0;}

.build_5 ul li:nth-child(10) span::before{background-position: -362px, -0;}

.build_5 ul li:nth-child(11) span::before{background-position: -402px, -0;width: 41px;}

.build_5 ul li:nth-child(12) span::before{background-position: -443px, -0;}
.build_5 ul li i{display: block;position: absolute;right: -32px;top: 0;width: 0;height: 85px; border-left: 1px solid #EBEBEB;}



.build_6{overflow: hidden;height:auto;padding-bottom: 80px;background:url(../../images/himall/index/fl6_bg.webp)top center no-repeat;background-size: cover;}
.build_6 img{display: block;width: 1181px;height: 420px;margin: auto;}


.build_7{overflow: hidden;height:auto;padding-bottom: 80px;background: radial-gradient( 106% 106% at -32% 26%, #4EAFFF 0%, rgba(78,208,255,0) 100%), radial-gradient( 51% 51% at 5% 25%, #60A5FF 0%, rgba(139,193,255,0) 100%), #FFFFFF, #FFFFFF;}
.build_7 .t{width: 1180px;height: 366px;background: linear-gradient( 180deg, #FFF7F7 0%, #FFFFFF 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;}

.build_7 .t img{display: block;width: 402px;height: 295px;margin-left: 48px;}

.build_7 .t1{background: linear-gradient( 180deg, #F2FAFF 0%, #FFFFFF 100%);}

.build_7 .t3{background: linear-gradient( 180deg, #FFFAE5 0%, #FFFFFF 100%);}

.build_7 .t2 img{width: 402px;height: 295px;margin-left: 40px;}

.build_7 .t .info{width: 684px;height: 270px;background: none;margin-left: 40px;box-sizing: border-box;}

.build_7 .t .info .top{display: flex;align-items: center;}

.build_7 .t .info .top b{display: block;width: 80px;height: 80px;background: url(../../images/himall/index/fl7_logo.webp)no-repeat;background-size: auto 80px;margin-right: 16px;}

.build_7 .t3 .info .top b{background-position: -0, -0;}

.build_7 .t2 .info .top b{background-position: -80px, -0;}

.build_7 .t1 .info .top b{background-position: -160px, -0;}

.build_7 .t .info .top span{display: block;font-weight: bold;font-size: 30px;color: #000000;}

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

.build_7 .t .info .top h4{display: block;font-weight: 400;font-size: 20px;color: #1F1F1F;margin-top: 8px;}

.build_7 .t .info p{width: 684px;font-weight: 400;font-size: 16px;color: #595959;line-height: 24px;margin-top: 24px;}

.build_7 .t .info .i{display: flex;align-items: center;margin-top: 32px;}

.build_7 .t .info .i i{display: block;font-weight: 400;font-size: 12px;color: #1F1F1F;margin-right: 40px;}

.build_7 .t .info .i i::before{content: '';display: inline-block;width: 24px;height: 24px;background: url(../../images/himall/index/fl7_ico.webp)no-repeat;background-size: auto 24px;margin-right: 6px;vertical-align: -8px;}

.build_7 .t .info .i i:nth-child(1)::before{background-position: -0, -0;}

.build_7 .t .info .i i:nth-child(2)::before{background-position: -24px, -0;}

.build_7 .t .info .i i:nth-child(3)::before{background-position: -48px, -0;}

.build_7 .t .info .i i:nth-child(4)::before{background-position: -72px, -0;}

.build_7 .t .m{display: flex;align-items: center;margin-top: 24px;}

.build_7 .t .m span{display: block;font-weight: 400;font-size: 16px;color: #595959;margin-right: 64px;}

.build_7 .t .m span em{display: block;font-weight: 400;font-size: 30px;color: #000000;}

.build_7 a{width: 163px;}




.build_8{overflow: hidden;height:auto;padding-bottom: 80px;background:url(../../images/himall/index/fl6_bg.webp)top center no-repeat;background-size: cover;}
.build_8 img{display: block;width: 1180px;height: 530px;margin: auto;}



.build_9{overflow: hidden;height:282px;background:url(../../images/himall/index/fl9_bg.webp)top center no-repeat;background-size: cover;box-sizing: border-box;padding-top: 56px;}
.build_9 span{display: block;font-weight: bold;font-size: 38px;color: #FFFFFF;text-align: center;margin-bottom: 16px;}
.build_9 p{display: block;text-align: center;font-weight: 400;font-size: 20px;color: rgba(255,255,255,0.65);margin-bottom: 32px;}
.build_9 a{display: block;text-align: center;width: 135px;height: 48px;background: #FFFFFF;border-radius: 2px;border: 1px solid #FFFFFF;font-weight: 400;font-size: 16px;color: #0077FF;line-height: 48px;margin: auto;}

.build_9 a::before{display: inline-block;content: "";width: 16px;height: 16px;background: url(../../images/himall/index/arrow2.webp);background-size: 100%;margin-right: 8px;vertical-align: -2px;}