@charset "utf-8";
*{margin:0;padding:0;border:0;font-size:14px;background:transparent;font-family:"PingFang SC","Microsoft YaHei","微软雅黑","宋体";}
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;}
.clearfix:after {display: block;content: " ";height: 0;visibility: hidden;clear: both;}
.w1180{width: 1180px;margin: 0 auto;}

.banner{height: 400px;background: url(../images/banner.webp)center center no-repeat;background-size: cover;box-sizing: border-box;padding-top: 77px;}
.banner h5{display: block;width: 80px;height: 24px;background: linear-gradient( 90deg, #10AEFF 0%, #6467F0 100%);border-radius: 2px;text-align: center;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 24px;margin-bottom: 16px;}
.banner h5::before{display: inline-block;content: '';width: 12px;height: 12px;background: url(../images/b_hash.webp);background-size: 100%;margin-right: 4px;}
.banner span{display: block;font-weight: bold;font-size: 38px;color: #FFFFFF;margin-bottom: 16px;}
.banner p{font-weight: 400;font-size: 20px;color: rgba(255,255,255,0.65);line-height: 28px;}
.banner a{display: block;text-align: center;width: 135px;height: 48px;border-radius: 4px;border: 1px solid #FFFFFF;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 48px;margin-top: 40px;}
.banner a::after{display: inline-block;content: '';width: 16px;height: 16px;background: url(../images/arrow1.webp);background-size: 100%;margin-left: 8px;vertical-align: -3px;}


.title_1{text-align: center;padding: 80px 0 48px;}
.title_1 span{display: block;font-weight: bold;font-size: 30px;color: #000000;}
.title_1 span em{font-weight: bold;font-size: 30px;background: linear-gradient(0deg, #10AEFF 0%, #6467F0 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.title_1 p{font-weight: 400;font-size: 20px;color: #595959;margin-top:16px;}
.justify{display: flex;justify-content: space-between;flex-wrap: wrap;}

.btn_xcx{display: block;text-align:center;margin: 50px auto 0;width: 162px;height: 48px;background: #0077FF;border-radius: 2px;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 48px;}
.btn_xcx::before{display: inline-block;content: '';width: 16px;height: 16px;background: url(../images/arrow2.webp);background-size: 100%;margin-right: 8px;vertical-align: -2px;}

.floor_1{height: auto;overflow: hidden;padding-bottom: 80px;background: url(../images/xcx/fl1_bg.png)center center no-repeat;background-size: cover;}
.floor_1 .t{width: 1180px;height: 396px;background: #FFFFFF;box-shadow: 4px 12px 40px -6px rgba(0,0,0,0.05);border-radius: 16px;margin-bottom: 32px;}
.floor_1 .t2{height: 301px;}
.floor_1 .t .top{width: 1180px;height: 80px;background: linear-gradient( 270deg, #0077FF 0%, #0077FF 100%);border-radius: 16px 16px 0 0;display: flex;align-items: center;box-sizing: border-box;padding-left: 24px;}
.floor_1 .t2 .top{background: rgba(120,99,255,0.9);}
.floor_1 .t .top h5{display: block;font-weight: 400;font-size: 20px;color: #FFFFFF;}
.floor_1 .t .top h5::before{display: inline-block;content: '';width: 32px;height: 32px;background: url(../images/xcx/fl1_n1.webp);background-size: 100%;margin-right: 8px;vertical-align: -8px;}
.floor_1 .t2 .top h5::before{background: url(../images/xcx/fl1_n2.png);background-size: 100%;}
.floor_1 .t .bot{width: 1180px;height: 316px;background: #FFFFFF;box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.15);box-sizing: border-box;padding: 32px 0 0 32px;}
.floor_1 .t2 .bot{width: 1180px;height: 221px;}
.floor_1 .t .bot ul{width: 1116px;gap: 16px 24px;}
.floor_1 .t .bot ul li{width: 261px;height: 114px;text-align: center;box-sizing: border-box;}
.floor_1 .t .bot ul li span{display: block;font-weight: 400;font-size: 16px;color: #000000;margin-bottom: 8px;}
.floor_1 .t .bot ul li span::before{display: block;content: '';width: 49px;height: 48px;background: url(../images/xcx/fl1_a1.png);background-size: 100%;margin:0 auto 16px;}
.floor_1 .t1 .bot ul li:nth-child(2) span::before{background: url(../images/xcx/fl1_a2.png);background-size: 100%;}
.floor_1 .t1 .bot ul li:nth-child(3) span::before{background: url(../images/xcx/fl1_a3.png);background-size: 100%;}
.floor_1 .t1 .bot ul li:nth-child(4) span::before{background: url(../images/xcx/fl1_a4.png);background-size: 100%;}
.floor_1 .t1 .bot ul li:nth-child(5) span::before{background: url(../images/xcx/fl1_a5.png);background-size: 100%;}
.floor_1 .t1 .bot ul li:nth-child(6) span::before{background: url(../images/xcx/fl1_a6.png);background-size: 100%;}
.floor_1 .t1 .bot ul li:nth-child(7) span::before{background: url(../images/xcx/fl1_a7.png);background-size: 100%;}
.floor_1 .t1 .bot ul li:nth-child(8) span::before{background: url(../images/xcx/fl1_a8.png);background-size: 100%;}
.floor_1 .t2 .bot ul li:nth-child(1) span::before{background: url(../images/xcx/fl1_b1.png);background-size: 100%;}
.floor_1 .t2 .bot ul li:nth-child(2) span::before{background: url(../images/xcx/fl1_b2.png);background-size: 100%;}
.floor_1 .t2 .bot ul li:nth-child(3) span::before{background: url(../images/xcx/fl1_b3.png);background-size: 100%;}
.floor_1 .t2 .bot ul li:nth-child(4) span::before{background: url(../images/xcx/fl1_b4.png);background-size: 100%;}
.floor_1 .t .bot ul li p{font-weight: 400;font-size: 14px;color: #999999;line-height: 22px;}



.floor_2{height: auto;overflow: hidden;padding-bottom: 80px;background: linear-gradient( 180deg, #F8FEFD 0%, #FFFFFF 100%), #FFFFFF;}
.floor_2 .option{width: 882px;height: 108px;margin:0 auto 48px;gap: 12px;}
.floor_2 .option i{display: block;width: 137px;height: 48px;background: #FFFFFF;border-radius: 4px;border: 1px solid #71A1FF;font-weight: 400;font-size: 18px;color: #595959;text-align: center;display: flex;align-items: center;justify-content: center;box-sizing: border-box;}
.floor_2 .option i::after{display: inline-block;content: '';width: 16px;height: 16px;background: url(../images/xcx/arrow3.png);background-size: 100%;margin-left: 2px;vertical-align: -1px;}
.floor_2 .option i.on{background: #0077FF;color: #FFFFFF;}
.floor_2 .option i.on::after{background: url(../images/xcx/arrow4.png);background-size: 100%;}
.floor_2 .swiper-container{width: 1180px;height: 660px;margin: 0 auto;}
.floor_2 .swiper-container .swiper-slide{width: 265px;height: 575px;box-shadow: 4px 4px 16px 0px rgba(55,99,170,0.1);border-radius: 12px;background: url(../images/fl2_1.webp);background-size: 100%;margin-top: 32px;}
.floor_2 .swiper-container .swiper2{background: url(../images/xcx/fl2_2.jpg);background-size: 100%;}
.floor_2 .swiper-container .swiper3{background: url(../images/xcx/fl2_3.jpg);background-size: 100%;}
.floor_2 .swiper-container .swiper4{background: url(../images/xcx/fl2_4.jpg);background-size: 100%;}
.floor_2 .swiper-container .swiper5{background: url(../images/xcx/fl2_5.jpg);background-size: 100%;}
.floor_2 .swiper-container .swiper6{background: url(../images/xcx/fl2_6.jpg);background-size: 100%;}
.floor_2 .swiper-container .swiper7{background: url(../images/xcx/fl2_7.jpg);background-size: 100%;}
.floor_2 .swiper-container .swiper8{background: url(../images/xcx/fl2_8.jpg);background-size: 100%;}
.floor_2 .swiper-container .swiper9{background: url(../images/xcx/fl2_9.jpg);background-size: 100%;}
.floor_2 .swiper-container .swiper10{background: url(../images/xcx/fl2_10.jpg);background-size: 100%;}
.floor_2 .swiper-container .swiper11{background: url(../images/xcx/fl2_11.jpg);background-size: 100%;}
.floor_2 .swiper-container .swiper12{background: url(../images/xcx/fl2_12.jpg);background-size: 100%;}
.floor_2 .swiper-container .swiper-slide-active{width: 295px;height: 640px;box-shadow: 8px 8px 20px 0px rgba(55,99,170,0.3);margin-top: 0;}



.floor_3{height: auto;overflow: hidden;padding-bottom: 80px;background: #F5F8FF;}
.floor_3 ul{box-shadow: 2px 6px 20px -3px rgba(0,0,0,0.05);}
.floor_3 ul li{width: 295px;height: 256px;background: #FFFFFF;border-right: 1px solid #F0F0F0;border-bottom: 1px solid #F0F0F0;box-sizing: border-box;padding: 32px 0 0 32px;}
.floor_3 ul li:nth-child(4n){border-right: none;}
.floor_3 ul li:nth-child(n+5){border-bottom: none;}
.floor_3 ul li span{display: block;font-weight: bold;font-size: 20px;color: #000000;margin-bottom: 24px;}
.floor_3 ul li span::before{display: inline-block;content: '';width: 32px;height: 32px;background: url(../images/xcx/fl3_ico1.png);background-size: 100%;margin-right: 10px;vertical-align: -8px;}
.floor_3 ul li:nth-child(2) span::before{background: url(../images/xcx/fl3_ico2.png);background-size: 100%;}
.floor_3 ul li:nth-child(3) span::before{background: url(../images/xcx/fl3_ico3.png);background-size: 100%;}
.floor_3 ul li:nth-child(4) span::before{background: url(../images/xcx/fl3_ico4.png);background-size: 100%;}
.floor_3 ul li:nth-child(5) span::before{background: url(../images/xcx/fl3_ico5.png);background-size: 100%;}
.floor_3 ul li:nth-child(6) span::before{background: url(../images/xcx/fl3_ico6.png);background-size: 100%;}
.floor_3 ul li:nth-child(7) span::before{background: url(../images/xcx/fl3_ico7.png);background-size: 100%;}
.floor_3 ul li:nth-child(8) span::before{background: url(../images/xcx/fl3_ico8.png);background-size: 100%;}
.floor_3 ul li p{font-weight: 400;font-size: 14px;color: #999999;margin-bottom: 16px;}
.floor_3 ul li p::before{display: inline-block;content: '';width: 14px;height: 14px;background: url(../images/xcx/tick.png);background-size: 100%;margin-right: 4px;vertical-align: -2px;}


.floor_4{height: auto;overflow: hidden;padding-bottom: 80px;background: url(../images/xcx/fl4_bg.png)center center no-repeat;background-size: cover;}
.floor_4 img{display: block;width: 952px;height: 120px;margin:0 auto 48px;}
.floor_4 ul{gap: 20px;}
.floor_4 ul li{width: 280px;height: 142px;background: #FFFFFF;box-shadow: 2px 6px 20px 0px rgba(55,99,170,0.1);border-radius: 8px;border: 2px solid #FFFFFF;box-sizing: border-box;padding: 20px 0 0 20px;}
.floor_4 ul li span{display: block;font-weight: bold;font-size: 22px;color: #262626;margin-bottom: 12px;}
.floor_4 ul li p{font-weight: 500;font-size: 14px;color: #595959;line-height: 22px;}
.floor_4 ul li span::before{display: inline-block;content: '';width: 36px;height: 36px;background: url(../images/xcx/fl4_ico1.png);background-size: 100%;margin-right: 8px;vertical-align: -10px;}
.floor_4 ul li:nth-child(2) span::before{background: url(../images/xcx/fl4_ico2.png);background-size: 100%;}
.floor_4 ul li:nth-child(3) span::before{background: url(../images/xcx/fl4_ico3.png);background-size: 100%;}
.floor_4 ul li:nth-child(4) span::before{background: url(../images/xcx/fl4_ico4.png);background-size: 100%;}
.floor_4 ul li:nth-child(5) span::before{background: url(../images/xcx/fl4_ico5.png);background-size: 100%;}
.floor_4 ul li:nth-child(6) span::before{background: url(../images/xcx/fl4_ico6.png);background-size: 100%;}
.floor_4 ul li:nth-child(7) span::before{background: url(../images/xcx/fl4_ico7.png);background-size: 100%;}
.floor_4 ul li:nth-child(8) span::before{background: url(../images/xcx/fl4_ico8.png);background-size: 100%;}
.floor_4 ul li:nth-child(9) span::before{background: url(../images/xcx/fl4_ico9.png);background-size: 100%;}
.floor_4 ul li:nth-child(10) span::before{background: url(../images/xcx/fl4_ico10.png);background-size: 100%;}
.floor_4 ul li:nth-child(11) span::before{background: url(../images/xcx/fl4_ico11.png);background-size: 100%;}
.floor_4 ul li:nth-child(12) span::before{background: url(../images/xcx/fl4_ico12.png);background-size: 100%;}
.floor_4 ul li:nth-child(13) span::before{background: url(../images/xcx/fl4_ico13.png);background-size: 100%;}
.floor_4 ul li:nth-child(14) span::before{background: url(../images/xcx/fl4_ico14.png);background-size: 100%;}
.floor_4 ul li:nth-child(15) span::before{background: url(../images/xcx/fl4_ico15.png);background-size: 100%;}
.floor_4 ul li:nth-child(16) span::before{background: url(../images/xcx/fl4_ico16.png);background-size: 100%;}


.floor_5{height: auto;overflow: hidden;padding-bottom: 80px;} 
.floor_5 ul li{width: 283px;height: 226px;background: #FFFFFF;box-shadow: 2px 6px 20px 0px rgba(55,99,170,0.1);}
.floor_5 ul li .top{width: 283px;height: 96px;display: flex;align-items: center;border-bottom: 1px solid #F0F0F0;box-sizing: border-box;padding-left: 24px;}
.floor_5 ul li .top span{display: block;font-weight: 400;font-size: 20px;color: #000000;}
.floor_5 ul li .top span::before{display: inline-block;content: '';width: 48px;height: 48px;background: url(../images/xcx/fl5_ico1.png);background-size: 100%;margin-right: 16px;vertical-align: -15px;}
.floor_5 ul li:nth-child(2) .top span::before{background: url(../images/xcx/fl5_ico2.png);background-size: 100%;}
.floor_5 ul li:nth-child(3) .top span::before{background: url(../images/xcx/fl5_ico3.png);background-size: 100%;}
.floor_5 ul li:nth-child(4) .top span::before{background: url(../images/xcx/fl5_ico4.png);background-size: 100%;}
.floor_5 ul li .bot{width: 283px;height: 130px;box-sizing: border-box;padding: 24px 0 0 24px;}
.floor_5 ul li .bot dl{width: 240px;}
.floor_5 ul li:nth-child(2) .bot dl{width: 250px;}
.floor_5 ul li:nth-child(4) .bot dl{width: 250px;}
.floor_5 ul li .bot dl dd{width: 109px;height: 22px;font-weight: 400;font-size: 14px;color: #1F1F1F;margin-bottom: 8px;}
.floor_5 ul li .bot dl dd::before{display: inline-block;content: '';width: 14px;height: 14px;background: url(../images/xcx/tick.png);background-size: 100%;margin-right: 4px;vertical-align: -2px;}
.floor_5 ul li:nth-child(2) .bot dl dd{width: 120px;}
.floor_5 ul li:nth-child(4) .bot dl dd:nth-child(2n+1){width: 125px;}