@charset "utf-8";
*{margin:0;padding:0;border:0;font-size:14px;background:transparent;font-weight: 400;font-family: "PingFang SC";}
body{position: relative;}
ul,li{list-style: none;}
a{text-decoration: none;cursor: pointer;}
em,i{font-style: normal;}
.fl{float: left;}
.fr{float: right;}
.clearfix {*zoom: 1;}
.w1180{width: 1180px;margin: 0 auto;}
.w1180{width: 1200px;margin: 0 auto;}
.clearfix:after {display: block;content: " ";height: 0;visibility: hidden;clear: both;}


.banner{height: 400px;background: url(../../images/himall/product/banner.png) center top no-repeat;background-size: cover;box-sizing: border-box;padding-top: 75px;}
.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/product/b_hash.png);background-size: 100%;margin-right: 4px;vertical-align: -2px;}
.banner b{display: block;font-weight: 400;font-size: 20px;color: #262626;margin: 4px 0 16px;}
.banner span{display: block;font-weight: 500;font-size: 38px;color: #000000;margin-bottom: 16px;}
.banner p{font-weight: 400;font-size: 20px;color: #5D5F63;}
.banner a{display: block;text-align: center;width: 112px;height: 48px;background: #005EF4;border-radius: 4px;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 48px;margin-top: 40px;}


.title_1 {text-align: center;padding: 80px 0 40px;}
.title_1 span{display: block;font-weight: 500;font-size: 38px;color: #000000;}
.title_1 p{font-weight: 400;font-size: 20px;color: #5D5F63;padding-top: 10px;}

.btn_pd{display: block;width: 181px;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;}
.btn_pd::after{display: inline-block;content: '';width: 16px;height: 16px;background: url(../../images/himall/product/arrow.png);background-size: 100%;margin-left: 5px;vertical-align: -2px;}

.floor_1{height: auto;overflow: hidden;background: url(../../images/himall/product/fl1_bg.png) center top no-repeat;background-size: cover;padding-bottom: 80px;}
.floor_1 img{display: block;margin: auto;width: 1241px;height: 501px;}
.floor_1 .ban_btn{display: flex;width: 368px;justify-content: space-between;margin: auto;font-size: 0;}
.floor_1 .ban_btn a{width: 160px;height: 50px;background: #005EF4;border-radius: 4px;text-align: center;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 50px;}
.floor_1 .ban_btn a:nth-child(1)::after{display: inline-block;content: '';width: 16px;height: 16px;background: url(../../images/himall/product/arrow.png);background-size: 100%;margin-left: 5px;vertical-align: -2px;}
.floor_1 .ban_btn a:nth-child(2){background: linear-gradient( 90deg, #FEB166 0%, #FFD0A1 100%);color: #262626;}


.floor_2{height: 732px;overflow: hidden;background:url(../../images/himall/product/fl2_bg.png) top center no-repeat;background-size: cover;}
.floor_2 .title_1 span{color:#ffffff}
.floor_2 .title_1 p{color:#ffffff}
.floor_2 .w1180{display: flex; height: 528px;position: relative;background: rgba(21,30,54,0.4);backdrop-filter: blur(40px);}
.floor_2 .w1180 .option{display: block;height: 100%;width: 246px;box-sizing: border-box;position: absolute;left: 0;top: 0;}
.floor_2 .w1180 .option>div{width: 100%;height: 176px;background: rgba(21,30,54,0.4);}
.floor_2 .w1180 .option>div span{display: block;width: 100%;height: 176px;font-size: 28px;font-weight: 400;color: #FFFFFF;line-height: 176px;margin-left: 35px;}
.floor_2 .w1180 .option>div span::before{display: inline-block;content: "";width: 40px;height: 41px;background: url(../../images/himall/product/fl2_fl_ico1.png);background-size: 100%;margin-right: 10px;vertical-align: -8px;}
.floor_2 .w1180 .option>div:nth-child(2) span::before{background: url(../../images/himall/product/fl2_fl_ico2.png);background-size: 100%;}
.floor_2 .w1180 .option>div:nth-child(3) span::before{background: url(../../images/himall/product/fl2_fl_ico3.png);background-size: 100%;}
.floor_2 .w1180 .option>div.on{background: rgba(21,30,54,0.64);border-right: 8px solid #0E6EFF;;box-sizing: border-box;}
.floor_2 .w1180 .cont{width: 944px;height: 100%;position: absolute;left: 256px;top: 0;} 
.floor_2 .w1180 .cont .top_text{display: flex;align-items: center;width: 880px;height: 40px;margin-top: 48px;justify-content: right;}
.floor_2 .w1180 .cont .top_text i{width: 688px;height: 0px;border: 1px solid #8C8C8C;margin-right: 14px;}
.floor_2 .w1180 .cont_2 .top_text i{width: 646px;}
.floor_2 .w1180 .cont_3 .top_text i{width: 716px;}
.floor_2 .w1180 .cont .top_text span{height: 40px;font-size: 28px;font-weight: 400;color: #FAFAFA;line-height: 40px;}
.floor_2 .w1180 .cont p{height: 28px;font-size: 18px;font-weight: 400;
color: #BFBFBF;line-height: 28px;display: flex;align-items: center;width: 880px;height: 40px;justify-content: right;}
.floor_2 .w1180 .cont .bot{width: 100%;height: auto;padding-top: 10px;display: flex;}
.floor_2 .w1180 .cont .bot .img{background: url(../../images/himall/product/fl2_img1.png);background-size: 100%;width: 597px;height: 327px;margin-left: 64px;margin-right: 62px;}
.floor_2 .w1180 .cont_2 .bot .img{background: url(../../images/himall/product/fl2_img2.png);background-size: 100%;width: 220px;height: 380px;margin-left: 162px;}
.floor_2 .w1180 .cont_3 .bot .img{background: url(../../images/himall/product/fl2_img3.png);background-size: 100%;width: 220px;height: 380px;margin-left: 162px;}
.floor_2 .w1180 .cont .bot .bot_text ul{display: flex;justify-content: space-between;flex-wrap: wrap;width: 158px;height: 316px;margin-top: 22px;}
.floor_2 .w1180 .cont_2 .bot .bot_text ul{width: 336px;margin-top: 28px;margin-left: 100px;}
.floor_2 .w1180 .cont_3 .bot .bot_text ul{width: 336px;margin-top: 28px;margin-left: 100px;}
.floor_2 .w1180 .cont .bot .bot_text ul li{width: 158px;height: 44px;border-radius: 8px;opacity: 1;border: 1px solid #BFBFBF;font-size: 18px;font-weight: 400;color: #FFFFFF;line-height: 44px;text-align: center;}
.floor_2b{height: 170px;overflow: hidden;background: #F4F5F8;}


.floor_3{height: auto;padding-bottom: 80px;overflow: hidden;}
.floor_3 ul{display: flex;justify-content: space-between;flex-wrap: wrap;background:url(../../images/himall/product/fl3_bg.png)center center no-repeat;background-size: 764px,412px;position: relative;height: 520px;}
.floor_3 ul li{width: 558px;height: 228px;background: #FFFFFF;box-shadow: 8px 8px 20px 0px rgba(55,99,170,0.1);border-radius: 10px;margin-bottom: 64px;} 
.floor_3 ul li:nth-child(n+3){margin-bottom: 0;}

.floor_3 ul li .fl{width: 64px;height: 100%;background: linear-gradient( 296deg, #2F71FF 0%, #6F9CFC 100%);border-radius: 10px 0px 0px 10px;font-size: 24px;font-weight: 500;color: #FFFFFF;writing-mode: vertical-lr;align-items: center;justify-content: center;display: flex;}
.floor_3 ul li .fr{width: 494px;height: height: 100%;;}
.floor_3 ul li .fr dl{display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;}
.floor_3 ul li .fr dl dd{width: 33.3%;height: 100%;}
.floor_3 ul li .fr dl dd img{margin: 32px auto 12px;width: 64px;height: 64px;display: block;}
.floor_3 ul li .fr dl dd span{display: block;text-align: center;height: 28px;font-size: 20px;font-weight: 400;color: #262626;}
.floor_3 ul li .fr dl dd p{display: block;margin-left: 20px;height: 56px;font-size: 16px;font-weight: 400;color: #5D5F63;line-height: 24px;margin-top: 10px;}
.floor_3 ul i{position: absolute;left: 588px;top: 106px;background: url(../../images/himall/product/arrow_1.png);width: 24px;height: 48px;background-size: 100%;}
.floor_3 ul i:nth-child(6){width: 48px;height: 24px;background: url(../../images/himall/product/arrow_2.png);background-size: 100%;position: absolute;left: 254px;top: 280px;}
.floor_3 ul i:nth-child(7){width: 48px;height: 24px;background: url(../../images/himall/product/arrow_3.png);background-size: 100%;position: absolute;left: 898px;top: 280px;}
.floor_3 ul i:nth-child(8){width: 24px;height: 48px;background: url(../../images/himall/product/arrow_4.png);background-size: 100%;position: absolute;left: 588px;top: 430px;}


.floor_4{height: auto;overflow: hidden;background: #F4F5F8;padding-bottom: 80px;}
.floor_4 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.floor_4 ul li{width: 380px;height: 260px;background: linear-gradient( 180deg, #F3F5F8 0%, #FFFFFF 100%);box-shadow: 8px 8px 20px 0px rgba(55,99,170,0.1);border-radius: 8px;border: 2px solid #FFFFFF;margin-bottom: 20px;padding-top: 32px;box-sizing: border-box;}
.floor_4 ul li:hover{border: 2px solid blue;cursor: pointer;}
.floor_4 ul li img{width: 80px;height: 80px;margin: 0 auto 24px;display: block;}
.floor_4 ul li span{display: block;text-align: center;height: 32px;font-size: 24px;font-weight: 400;color: #000000;line-height: 32px;}
.floor_4 ul li p{display: block;height: 56px;font-size: 16px;font-weight: 400;color: #5E5E5E;line-height: 28px;margin-top: 10px;margin-left: 40px;}
.floor_4 a{margin-top: 20px;width: 197px;}

.floor_5{height: auto;overflow: hidden;padding-bottom: 80px;}
.floor_5 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.floor_5 ul li{width: 282px;height: 154px;background: #FFFFFF;border-radius: 8px;border: 2px solid rgba(14,110,255,0.5);margin-bottom:16px;}
.floor_5 ul li:hover{border: 2px solid blue;cursor: pointer;}
.floor_5 ul li span{display: block;font-size: 22px;font-weight: bold;color: #000000;margin: 20px 0 0 20px;}
.floor_5 ul li span::before{display: inline-block;content: "";width: 30px;height: 30px;background:  url(../../images/himall/product/fl5_ico1.png);background-size: 100%;margin-right: 8px;vertical-align: -7px;}
.floor_5 ul li:nth-child(3) span::before{background:  url(../../images/himall/product/fl5_ico2.png);background-size: 100%;}
.floor_5 ul li:nth-child(4) span::before{background:  url(../../images/himall/product/fl5_ico3.png);background-size: 100%;}
.floor_5 ul li:nth-child(5) span::before{background:  url(../../images/himall/product/fl5_ico4.png);background-size: 100%;}
.floor_5 ul li:nth-child(6) span::before{background:  url(../../images/himall/product/fl5_ico5.png);background-size: 100%;}
.floor_5 ul li:nth-child(7) span::before{background:  url(../../images/himall/product/fl5_ico6.png);background-size: 100%;}
.floor_5 ul li:nth-child(9) span::before{background:  url(../../images/himall/product/fl5_ico7.png);background-size: 100%;}
.floor_5 ul li:nth-child(10) span::before{background:  url(../../images/himall/product/fl5_ico8.png);background-size: 100%;}
.floor_5 ul li:nth-child(11) span::before{background:  url(../../images/himall/product/fl5_ico9.png);background-size: 100%;}
.floor_5 ul li:nth-child(12) span::before{background:  url(../../images/himall/product/fl5_ico10.png);background-size: 100%;}
.floor_5 ul li:nth-child(13) span::before{background:  url(../../images/himall/product/fl5_ico11.png);background-size: 100%;}
.floor_5 ul li:nth-child(14) span::before{background:  url(../../images/himall/product/fl5_ico12.png);background-size: 100%;}
.floor_5 ul li p{display: block;font-size: 16px;font-weight: 400;color: #5E5E5E;line-height: 24px;margin: 12px 0 0 20px;}
.floor_5 ul li:nth-child(1),.floor_5 ul li:nth-child(8){width: 582px;height: 154px;background: linear-gradient(307deg, #A1D0FD 0%, #6F9CFC 100%);border-radius: 16px;position: relative;}
.floor_5 ul li:nth-child(1) span,.floor_5 ul li:nth-child(8) span{height: 154px;font-size: 28px;font-weight: 500;color: #FFFFFF;line-height: 154px;display:flex;align-items: center;margin-top: 0;margin-left: 48px;}
.floor_5 ul li:nth-child(1) span::before,.floor_5 ul li:nth-child(8) span::before{display: none;}
.floor_5 ul li:nth-child(1){width: 582px;height: 154px;background: url(../../images/himall/product/fl5_1.png);background-size: 100%;}
.floor_5 ul li:nth-child(8){width: 582px;height: 154px;background: url(../../images/himall/product/fl5_2.png);background-size: 100%;}
.floor_5 a{margin-top: 24px;width: 200px;}


.floor_6{height: auto;background: #F4F5F8;padding-bottom: 80px;}
.floor_6 ul{display: flex;justify-content: space-between;flex-wrap: wrap;background:  url(../../images/himall/product/fl6_img.png)top center no-repeat;height: 528px;width: 1052px;}
.floor_6 ul li{width: 320px;height: 148px;background: #FFFFFF;border-radius: 8px;border: 1px solid #FFFFFF;}
.floor_6 ul li:hover{border: 1px solid blue;cursor: pointer;}
.floor_6 ul li:nth-child(2n+1){margin-right: 400px;}
.floor_6 ul li span{display: block;height: 40px;font-size: 24px;font-weight: 400;color: #262626;line-height: 40px;margin:20px 0 0 24px;}
.floor_6 ul li:hover span{color: #0E6EFF;}
.floor_6 ul li span::before{display: inline-block;content: "";width: 40px;height: 40px;background:  url(../../images/himall/product/fl6_ico1.png);background-size: 100%;margin-right: 16px;vertical-align: -10px;}
.floor_6 ul li:nth-child(2) span::before{background:  url(../../images/himall/product/fl6_ico2.png);background-size: 100%;}
.floor_6 ul li:nth-child(3) span::before{background:  url(../../images/himall/product/fl6_ico3.png);background-size: 100%;}
.floor_6 ul li:nth-child(4) span::before{background:  url(../../images/himall/product/fl6_ico4.png);background-size: 100%;}
.floor_6 ul li:nth-child(5) span::before{background:  url(../../images/himall/product/fl6_ico5.png);background-size: 100%;}
.floor_6 ul li:nth-child(6) span::before{background:  url(../../images/himall/product/fl6_ico6.png);background-size: 100%;}
.floor_6 ul li p{display: block;height: 56px;font-size: 16px;font-weight: 400;color: #5E5E5E;line-height: 28px;margin-left: 80px;margin-top: 8px;}
.floor_6 a{margin-top: 80px;}

.floor_7{height: auto;padding-bottom: 80px;background:url(../../images/himall/product/fl7_bg.png) top center no-repeat;background-size: cover;}
.floor_7 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.floor_7 ul li{width: 384px;height: 344px;background: #FFFFFF;border-radius: 16px;border: 1px solid #F0F0F0;}
.floor_7 ul li>div{width: 384px;height: 88px;border-radius: 16px 16px 0px 0px;}
.floor_7 ul li>div span{display: block;height: 88px;font-size: 28px;font-weight: 400;color: #262626;line-height: 88px;margin-left: 20px;}
.floor_7 ul li>div span::before{display: inline-block;content: "";width: 40px;height: 40px;background:  url(../../images/himall/product/fl7_ico1.png);background-size: 100%;margin-right: 8px;vertical-align: -10px;}
.floor_7 ul li:nth-child(2)>div span::before{background:  url(../../images/himall/product/fl7_ico2.png);background-size: 100%;}
.floor_7 ul li:nth-child(3)>div span::before{background:  url(../../images/himall/product/fl7_ico3.png);background-size: 100%;}
.floor_7 ul li p{display: block;height: 28px;font-size: 16px;color: #5E5E5E;line-height: 28px;margin-bottom: 24px;margin-left: 24px;}
.floor_7 ul li p::before{display: inline-block;content: "";width: 6px;height: 6px;background: #0E6EFF;margin-right: 8px;vertical-align: 3px;border-radius: 50%;}
.floor_7 ul li i{display: block;width: 334px;height: 0px;border: 1px solid #F0F0F0;text-align: center;margin-left: 24px;margin-bottom: 32px;}
.floor_7 ul li:hover{border: 1px solid blue;}
.floor_7 ul li:hover>div{background: linear-gradient( 90deg, #6F9CFC 0%, #6F9CFC 54%, #A1D0FD 100%);}
.floor_7 ul li:hover>div span{color: #FFFFFF;}
.floor_7 ul li:hover>div span::before{background:  url(../../images/himall/product/fl7_ico_11.png);background-size: 100%;}
.floor_7 ul li:nth-child(2):hover>div span::before{background:  url(../../images/himall/product/fl7_ico_22.png);background-size: 100%;}
.floor_7 ul li:nth-child(3):hover>div span::before{background:  url(../../images/himall/product/fl7_ico_33.png);background-size: 100%;}


.floor_8{height: auto;overflow: hidden;background: linear-gradient( 180deg, #FFFFFF 0%, #F4F5F8 100%);padding-bottom: 80px;}
.floor_8 .nav_1{width: 100%;height: 60px;display: flex;border-bottom: 1px solid #EAEAEB;}
.floor_8 .nav_1 a{display: block;width: 295px;height: 60px;text-align: center;}
.floor_8 .nav_1 a i{width: 295px;margin: 0 auto;display: block;color: #5D5F63;height: 60px;line-height: 60px;font-size: 20px;font-weight: 400;}
.floor_8 .nav_1 a.on{border-bottom: 2px solid #0E6EFF;box-sizing: border-box;}
.floor_8 .nav_1 a.on i{color: #0E6EFF;font-weight: bold;}
.floor_8 .swiper_container{width: 100%;overflow: hidden;cursor: pointer;height: 414px;background: #FFFFFF;margin-top: 24px;position: relative;}
.floor_8 .swiper_container .swiper-slide{display: flex;align-items: center;justify-content: center;} 
.floor_8 .swiper_container .swiper-slide .img{width: 438px;height: 286px;background: url(../../images/himall/product/fl8_sw1_img.png);background-size: 100%;margin-right: 100px;}
.floor_8 .swiper_container .text2 .img{width: 466px;height: 295px;background: url(../../images/himall/product/fl8_sw2_img.png);background-size: 100%;}
.floor_8 .swiper_container .text3 .img{width: 449px;height: 295px;background: url(../../images/himall/product/fl8_sw3_img.png);background-size: 100%;}
.floor_8 .swiper_container .text4 .img{width: 526px;height: 295px;background: url(../../images/himall/product/fl8_sw4_img.png);background-size: 100%;}
.floor_8 .swiper_container .swiper-slide .fr_text{width: 500px;height: 291px;}
.floor_8 .swiper_container .swiper-slide .fr_text ul{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 20px;}
.floor_8 .swiper_container .swiper-slide .fr_text ul li{width: 33.3%;height: 132px;}
.floor_8 .swiper_container .swiper-slide .fr_text ul li img{width: 80px;height: 80px;margin: 0 auto;display: block;}
.floor_8 .swiper_container .swiper-slide .fr_text ul li h2{height: 28px;font-size: 20px;font-weight: 400;color: #262626;line-height: 28px;text-align: center;display: block;margin-top: 24px;}
.floor_8 .swiper_container .swiper-slide .fr_text i{width: 498px;height: 0px;border-bottom: 1px solid #D9D9D9;display: block;margin-top: 30px;}
.floor_8 .swiper_container .swiper-slide .fr_text p{display: block;height: 56px;font-size: 18px;font-weight: 400;color: #5E5E5E;line-height: 28px;margin-top: 32px;}
.floor_8 .swiper-pagination{position: absolute;bottom: 30px;width: 100%;}
.floor_8 .swiper-pagination-bullet{width: 16px;height: 8px;background: #b0a49c;border-radius: 0;}
.floor_8 .swiper-pagination-bullet-active{width: 24px;height: 8px;background: #0E6EFF;}
.floor_8 .fl8_btn{display: flex;align-items: center;width: 386px;margin: auto;}
.floor_8 .fl8_btn a:first-child{width: 240px;height: 50px;background: #FFFFFF;border: 1px solid #0E6EFF;border-radius: 8px 0px 0px 8px;font-size: 16px;font-weight: 400;color: #0E6EFF;line-height: 50px;text-align: center;}
.floor_8 .fl8_btn a:last-child{border-radius: 0px 8px 8px 0px;width: 144px;height: 52px;}
.floor_8 .fl8_btn a::after{display: none;}



.floor_9{height: auto;overflow: hidden;background: #FFFFFF;padding-bottom: 80px;}
.floor_9 .w1180{padding-top: 48px;margin-bottom: 56px;}
.floor_9 .option{display: block;float: right;width: 554px;height: 432px;}
.floor_9 .option>div{width: 100%;height: 97px;background: #FFFFFF;}
.floor_9 .option>div p{display: none;}
.floor_9 .option>div span{display: block;height: 97px;font-size: 24px;font-weight: 400;color: #262626;line-height: 97px;margin-left: 32px;}
.floor_9 .option>div.on{width: 100%;height: 140px;background: #F4F5F8;position: relative;}
.floor_9 .option>div.on span{height: 24px;line-height: 24px;padding-top: 20px;padding-bottom: 12px;}
.floor_9 .option>div.on p{display: block;height: 56px;font-size: 18px;font-weight: 400;color: #5E5E5E;line-height: 28px;margin-left: 32px;}
.floor_9 .option>div.on i{position: absolute;left: 0;top: 24px;width: 8px;height: 24px;background: #0E6EFF;}
.floor_9 .cont{display: block;width: 646px;height: 432px;}
.floor_9 .cont img{margin: 0 auto;width: 626px;height: 456px;}

.floor_10{height: 348px;overflow: hidden;background: url(../../images/himall/product/fl10_bg.png)top center no-repeat;padding-top: 80px;box-sizing: border-box;background-size: cover;}
.floor_10 span{font-size: 40px;font-weight: 600;color: #FFFFFF;display: block;text-align: center;}
.floor_10 p{display: block;font-size: 24px;font-weight: 400;color: rgba(255,255,255,0.9);text-align: center;margin-top: 10px;}
.floor_10 a{display: block;text-align: center;width: 165px;height: 50px;background: #005EF4;border-radius: 4px;font-size: 16px;font-weight: 500;color: #FFFFFF;line-height: 50px;margin:40px auto 0;}


.hide{display: none;}
.side_bar{position: fixed;left: 90%;top: 100px;width: 90px;z-index: 10000;height: auto;overflow: hidden;border-radius: 8px;border:1px solid #cdcdcd;padding: 6px 0;background: #fff;}
.side_bar li a{display: block;line-height: 37px;color: #2c2c2c;width: 76px;height: 37px;text-align: center;border-radius: 2px;margin: 0 auto;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;}
.side_bar li em{display: block;width: 71px;height: 1px;background: #e5e5e5;margin: 0 auto;}
.side_bar li a:hover{background: #0E6EFF;color:#fff;}