@charset "utf-8";
*{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;font-family: "PingFang SC","Helvetica","Microsoft YaHei","Tahoma","Arial","STHeiti","sans-serif" !important;color: #121212;font-size: 14px;}
body{background: #FFFFFF;}
a{text-decoration: none;cursor: pointer;}
.fl{float: left;}
.fr{float: right;}
img{border: none;display: block;}
em,h1,i{font-style: normal;}
ul{list-style: none;}
.width{width: 1180px!important;margin: 0 auto;}
.w1200{width: 1200px!important;margin: 0 auto;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}

.banner{height: 560px;background: url(../images/solutions/banner.webp)center top no-repeat;background-size: cover;box-sizing: border-box;padding-top: 86px;}
.banner h5{display: block;font-weight: 400;font-size: 16px;color: #FFFFFF;margin-bottom: 20px;}
.banner h5::before{display: inline-block;content: '';width: 16px;height: 16px;background: url(../images/solutions/b_hash.webp);background-size: 100%;margin-right: 4px;vertical-align: -2px;}
.banner span{display: block;font-weight: bold;font-size: 38px;color: #FFFFFF;margin-bottom: 12px;}
.banner p{font-weight: 400;font-size: 20px;color: #FFFFFF;line-height: 28px;margin-bottom: 28px;}
.banner i{display: block;font-weight: 400;font-size: 16px;color: #FFFFFF;margin-bottom: 12px;}
.banner i::before{display: inline-block;content: '';width: 18px;height: 18px;background: url(../images/solutions/tick.webp);background-size: 100%;margin-right: 6px;vertical-align: -3px;}
.banner a{display: block;width: 200px;height: 64px;background: #DD3447;border-radius: 100px;text-align: center;font-weight: 400;font-size: 20px;color: #FFFFFF;line-height: 64px;margin-top: 40px;}

.sl_btn{display: block;width: 222px;height: 48px;background: #DD3447;border-radius: 4px;text-align: center;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 48px;margin: 48px auto 0;}
.sl_btn::before{display: inline-block;content: '';width: 16px;height: 16px;background: url(../images/solutions/arrow1.webp);background-size: 100%;margin-right: 8px;vertical-align: -3px;}
.sl_btn::after{display: inline-block;content: '';width: 16px;height: 16px;background: url(../images/solutions/arrow2.webp);background-size: 100%;margin-left: 8px;vertical-align: -3px;}


.title{text-align: center;padding: 80px 0 48px;}
.title span{display: block;font-weight: bold;font-size: 30px;color: #000000;}
.title p{font-weight: 400;font-size: 20px;color: #595959;margin-top: 16px;}

.floor_1{height: auto;overflow: hidden;padding-bottom: 80px;background: url(../images/solutions/fl1_bg.webp)center top no-repeat;background-size: cover;}
.floor_1 .t{width: 1180px;height: 366px;background: linear-gradient( 90deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.4) 100%);border-radius: 8px;border: 2px solid rgba(255, 255, 255, 1);margin-bottom: 48px;box-sizing: border-box;padding: 36px 0 0 36px;display: flex;}
.floor_1 .t img{display: block;width: 402px;height: 348px;}
.floor_1 .t2{padding-left: 48px;}
.floor_1 .t1 img{margin-right: 30px;}
.floor_1 .t2 img{margin-left: 30px;}
.floor_1 .t .info{width: 684px;height: 270px;display: flex;align-items: center;}
.floor_1 .t .info span{display: block;font-weight: bold;font-size: 30px;color: #000000;margin-bottom: 8px;}
.floor_1 .t .info h5{display: block;font-weight: 400;font-size: 20px;color: #1F1F1F;margin-bottom: 24px;}
.floor_1 .t .info p{font-weight: 400;font-size: 16px;color: #595959;line-height: 24px;margin-bottom: 24px;}
.floor_1 .t .info .i{display: flex;justify-content: baseline;}
.floor_1 .t .info .i i{display: block;font-weight: 400;font-size: 18px;color: #1F1F1F;margin-right: 40px;}
.floor_1 .t .info .i i:last-child{margin-right: 0;}
.floor_1 .t .info .i i::before{display: inline-block;content: '';width: 18px;height: 18px;background: url(../images/solutions/fl1_ico.png)no-repeat;background-size: auto 18px;margin-right: 6px;vertical-align: -2px;}
.floor_1 .t:nth-child(1) .info .i i:nth-child(1)::before{background-position: -0, -0;}
.floor_1 .t:nth-child(1) .info .i i:nth-child(2)::before{background-position: -18px, -0;}
.floor_1 .t:nth-child(1) .info .i i:nth-child(3)::before{background-position: -36px, -0;}
.floor_1 .t:nth-child(1) .info .i i:nth-child(4)::before{background-position: -54px, -0;}
.floor_1 .t:nth-child(2) .info .i i:nth-child(1)::before{background-position: -72px, -0;}
.floor_1 .t:nth-child(2) .info .i i:nth-child(2)::before{background-position: -90px, -0;}
.floor_1 .t:nth-child(2) .info .i i:nth-child(3)::before{background-position: -108px, -0;}
.floor_1 .t:nth-child(2) .info .i i:nth-child(4)::before{background-position: -126px, -0;}
.floor_1 .t:nth-child(3) .info .i i:nth-child(1)::before{background-position: -144px, -0;}
.floor_1 .t:nth-child(3) .info .i i:nth-child(2)::before{background-position: -162px, -0;}
.floor_1 .t:nth-child(3) .info .i i:nth-child(3)::before{background-position: -180px, -0;}
.floor_1 .t:nth-child(3) .info .i i:nth-child(4)::before{background-position: -198px, -0;}
.floor_1 .t:nth-child(4) .info .i i:nth-child(1)::before{background-position: -216px, -0;}
.floor_1 .t:nth-child(4) .info .i i:nth-child(2)::before{background-position: -234px, -0;}
.floor_1 .t:nth-child(4) .info .i i:nth-child(3)::before{background-position: -252px, -0;}
.floor_1 .t:nth-child(4) .info .i i:nth-child(4)::before{background-position: -270px, -0;}



.floor_2{height: auto;overflow: hidden;padding-top: 100px;background: url(../images/solutions/fl2_bg.webp);background-size: cover;}
.floor_2 .t{width: 1180px;height: 388px;background: rgba(255,255,255,0.3);border-radius: 8px 8px 0px 0px;backdrop-filter: blur(60px);box-sizing: border-box;padding: 48px 56px;}
.floor_2 .t ul{width: 1068px;gap: 60px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.floor_2 .t ul li{width: 222px;height: 116px;position: relative;}
.floor_2 .t ul li span{display: block;font-weight: bold;font-size: 20px;color: #FFFFFF;margin-bottom: 16px;}
.floor_2 .t ul li p{font-weight: 400;font-size: 14px;color: #FFFFFF;line-height: 22px;}
.floor_2 .t ul li span::before{display: inline-block;content: '';width: 56px;height: 56px;background: url(../images/solutions/fl2_ico.png)no-repeat;background-size: auto 56px;margin-right: 8px;vertical-align: -20px;}
.floor_2 .t ul li:nth-child(1) span::before{background-position: -0, -0;}
.floor_2 .t ul li:nth-child(2) span::before{background-position: -56px, -0;}
.floor_2 .t ul li:nth-child(3) span::before{background-position: -112px, -0;}
.floor_2 .t ul li:nth-child(4) span::before{background-position: -168px, -0;}
.floor_2 .t ul li:nth-child(5) span::before{background-position: -224px, -0;}
.floor_2 .t ul li:nth-child(6) span::before{background-position: -280px, -0;}
.floor_2 .t ul li:nth-child(7) span::before{background-position: -336px, -0;}
.floor_2 .t ul li:nth-child(8) span::before{background-position: -392px, -0;}
.floor_2 .t ul li i{display: block;width: 0;height: 116px;border-left: 1px solid rgba(255,255,255,0.1);position: absolute;top: 0;right: -30px;}
.floor_2 .t ul li b{display: block;height: 0;width: 222px;border-bottom: 1px solid rgba(255,255,255,0.1);position: absolute;left: 0;bottom: -30px;}


.floor_3{height: auto;overflow: hidden;padding-bottom: 80px;}
.floor_3 img{display: block;margin: 0 auto;width: 1200px;height: 822px;}


.floor_4{height: auto;overflow: hidden;padding-bottom: 80px;background: #F4F5F8;}
.floor_4 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.floor_4 ul li{width: 356px;height: 472px;background: #FFFFFF;box-shadow: 0px 4px 24px 0px rgba(91,48,48,0.08);border-radius: 16px;}
.floor_4 ul li:nth-child(2){width: 440px;}
.floor_4 ul li .top{width: 356px;height: 184px;background: url(../images/solutions/fl4_1.webp);background-size: 100%;position: relative;}
.floor_4 ul li:nth-child(2) .top{width: 440px;background: url(../images/solutions/fl4_2.webp);background-size: 100%;}
.floor_4 ul li:nth-child(3) .top{background: url(../images/solutions/fl4_3.webp);background-size: 100%;}
.floor_4 ul li i{display: block;width: 252px;height: 72px;font-weight: 400;font-size: 15px;color: rgba(255,255,255,0.85);line-height: 24px;position: absolute;left: 80px;top: 94px;}
.floor_4 ul li:nth-child(2) i{width: 120px;height: 72px;}
.floor_4 ul li:nth-child(2) i:nth-child(2){left: 280px;width: 136px;height: 72px;}
.floor_4 ul li b{display: block;width: 48px;height: 104px;background: url(../images/solutions/fl4_j1.webp);background-size: 100%;position: absolute;left: 26px;top: 94px;}
.floor_4 ul li:nth-child(2) b:nth-child(3){background: url(../images/solutions/fl4_j2.webp);background-size: 100%;}
.floor_4 ul li:nth-child(2) b:nth-child(4){background: url(../images/solutions/fl4_j3.webp);background-size: 100%;left: 235px;}
.floor_4 ul li:nth-child(3) b{background: url(../images/solutions/fl4_j4.webp);background-size: 100%;}
.floor_4 ul li span{display: block;text-align: center;font-weight: bold;font-size: 16px;color: #5E5E5E;margin: 32px 0 16px;}
.floor_4 ul li span::before{display: inline-block;content: '';width: 112px;height: 0px;border-top: 1px solid #D9D9D9;margin-right: 8px;vertical-align: 5px;}
.floor_4 ul li span::after{display: inline-block;content: '';width: 112px;height: 0px;border-top: 1px solid #D9D9D9;margin-left: 8px;vertical-align: 5px;}
.floor_4 ul li p{width: 308px;font-weight: 400;font-size: 15px;color: #8C8C8C;line-height: 24px;margin: auto;}
.floor_4 ul li:nth-child(2) p{width: 392px;margin-bottom: 8px;}
.floor_4 ul li p em{font-weight: 400;font-size: 15px;color: #FC3249;}
.floor_4 ul li a{display: block;width: 174px;height: 48px;background: linear-gradient( 180deg, #FC3249 0%, #DD3447 100%);border-radius: 100px;text-align: center;font-weight: 500;font-size: 18px;color: #FFFFFF;line-height: 48px;margin: 32px auto 0;}
.floor_4 ul li:nth-child(2) a{margin: 24px auto 0;}
.floor_4 ul li a::after{display: inline-block;content: "";width: 8px;height: 16px;background: url(../images/solutions/arrow3.webp);background-size: 100%;margin-left: 8px;vertical-align: -2px;}



.floor_5{height: auto;overflow: hidden;padding-bottom: 100px;}
.floor_5 img{display: block;width: 1180px;height: 480px;margin: auto;}


.floor_6{height: 282px;overflow: hidden;background: url(../images/solutions/fl6_bg.webp);background-size: cover;box-sizing: border-box;padding-top: 56px;}
.floor_6 span{display: block;text-align: center;font-weight: bold;font-size: 38px;color: #FFFFFF;margin-bottom: 16px;}
.floor_6 p{text-align: center;font-weight: 400;font-size: 20px;color: rgba(255,255,255,0.65);}
.floor_6 a{display: block;margin: 32px auto 0;text-align: center;width: 135px;height: 48px;background: #FFFFFF;border-radius: 2px;border: 1px solid #FFFFFF;font-weight: 400;font-size: 16px;color: #DD3447;line-height: 48px;}
.floor_6 a::before{display: inline-block;content: "";width: 17px;height: 16px;background: url(../images/solutions/arrow4.webp);background-size: 100%;margin-right: 8px;vertical-align: -2px;}