@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;}
.w965{width: 965px;margin: 0 auto;}
.w1180{width: 1180px;margin: 0 auto;}

.banner{height: 400px;background: url(../images/banner.webp) center top no-repeat;background-size: cover;box-sizing: border-box;padding-top: 75px;}
.banner h5{display: flex;align-items: center;font-weight: 500;font-size: 16px;color: #252627;margin-bottom: 16px;}
.banner h5 em{display: block;width: 16px;height: 16px;background: url(../images/b_hash.webp);background-size: 100%;margin-right: 4px;}
.banner span{display: block;font-weight: bold;font-size: 38px;color: #000000;margin-bottom: 16px;}
.banner p{font-weight: 400;font-size: 20px;color: #5D5F63;line-height: 28px;}
.banner .b_btn{display: flex;align-items: center;margin-top: 40px;}
.banner a{display: block;width: 144px;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){width: 176px;border: 1px solid #005EF4;background: none;color: #005EF4;margin-left: 13px;box-sizing: border-box;}

.title_1{text-align: center;padding: 90px 0 48px;}
.title_1 span{display: block;font-weight: bold;color: #000000;font-size: 38px;}
.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_wm{display: block;width: 200px;height: 50px;background: #005EF4;border-radius: 4px;text-align: center;margin: 48px auto 0;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 50px;}
.btn_wm::after{content: "";display: inline-block;width: 16px;height: 16px;background: url(../images/arrow1.webp);background-size: 100%;margin-left: 8px;vertical-align: -2px;}


.floor_1{height: auto;overflow: hidden;padding-bottom: 90px;background: #F4F5F8;}
.floor_1 ul li{width: 580px;height: 317px;box-sizing: border-box;padding: 33px 0 0 30px;}
.floor_1 ul li span{display: flex;font-weight: bold;font-size: 24px;color: #FFFFFF;margin-bottom: 24px;}
.floor_1 ul li span em{content: "";display: inline-block;width: 28px;height: 28px;margin-right: 12px;vertical-align: -4px;}
.floor_1 .sprite-bg{background: url(../images/fl1.png) no-repeat;background-size: auto 317px;}
.floor_1 .bg-pos-item1{background-position: 0 0; }
.floor_1 .bg-pos-item2{background-position: -580px 0;}
.floor_1 .bg-pos-ico1{background-position: -1160px 0;}
.floor_1 .bg-pos-ico2{background-position: -1188px 0;}
.floor_1 ul li p{font-weight: 400;font-size: 14px;color: #FFFFFF;line-height: 24px;}

.floor_2{height: auto;overflow: hidden;padding-bottom: 90px;}
.floor_2 .info1{width: 1180px;height: 158px;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;box-sizing: border-box;padding: 32px 40px;margin-bottom: 30px;}
.floor_2 .info1 span{display: block;text-align: center;font-weight: bold;font-size: 24px;color: #000000;margin-bottom: 16px;}
.floor_2 .info1 p{font-weight: 400;font-size: 16px;color: #595959;line-height: 26px;}
.floor_2 .info2{width: 1180px;height: 472px;background: rgba(0,107,229,0.96);border-radius: 8px;padding: 35px;box-sizing: border-box;display: flex;}
.floor_2 .info2 .pic{width: 714px;height: 400px;background: #FFFFFF;display: flex;align-items: center;justify-content: center;}
.floor_2 .info2 .pic img{display: block;width: 688px;height: 359px;}
.floor_2 .info2 .t{margin-left: auto;width: 350px;height: 400px;box-sizing: border-box;padding-top: 20px;}
.floor_2 .info2 .t span{display: block;font-weight: bold;font-size: 16px;color: rgba(255,255,255,0.85);margin-bottom: 10px;}
.floor_2 .info2 .t p{font-weight: 400;font-size: 16px;color: rgba(255,255,255,0.85);line-height: 28px;margin-bottom: 30px;}


.floor_3{height: auto;overflow: hidden;padding-bottom: 90px;background: url(../images/fl3_bg.webp) center top no-repeat;background-size: cover;}
.floor_3 .title_1 span{color: #FFFFFF;}
.floor_3 .title_1 p{color: rgba(255,255,255,0.65);}
.floor_3 ul{width: 1180px;height: 561px;background: rgba(255,255,255,0.3);border-radius: 8px;box-sizing: border-box;padding: 48px 80px;gap: 72px 64px;backdrop-filter: blur(60px);}
.floor_3 ul li{width: 292px;height: 100px;position: relative;}
.floor_3 ul li span{display: block;font-weight: bold;font-size: 20px;color: #FFFFFF;margin-bottom: 16px;}
.floor_3 ul li span::before{content: '';display: inline-block;width: 40px;height: 40px;background: url(../images/fl3_ico.png)no-repeat;background-size: auto 40px;margin-right: 10px;vertical-align: -12px;}
.floor_3 ul li:nth-child(1) span::before{background-position: 0 0;}
.floor_3 ul li:nth-child(2) span::before{background-position: -40px 0;}
.floor_3 ul li:nth-child(3) span::before{background-position: -80px 0;}
.floor_3 ul li:nth-child(4) span::before{background-position: -120px 0;}
.floor_3 ul li:nth-child(5) span::before{background-position: -160px 0;}
.floor_3 ul li:nth-child(6) span::before{background-position: -200px 0;}
.floor_3 ul li:nth-child(7) span::before{background-position: -240px 0;}
.floor_3 ul li:nth-child(8) span::before{background-position: -280px 0;}
.floor_3 ul li:nth-child(9) span::before{background-position: -320px 0;}
.floor_3 ul li p{width: 292px;font-weight: 400;font-size: 14px;color: rgba(255,255,255,0.65);line-height: 22px;}
.floor_3 ul li i{display: block;position: absolute;top: 0;right: -36px;width: 0;height: 100px;border-left: 1px solid rgba(255,255,255,0.2);}
.floor_3 ul li b{display: block;position: absolute;bottom: -32px;left: 0;width: 292px;height: 0;border-bottom: 1px solid rgba(255,255,255,0.2);}
.floor_3 a{background: #FFFFFF;color: #0077FF;}
.floor_3 a::after{background: url(../images/arrow2.webp);background-size: 100%;}


.floor_4{height: auto;overflow: hidden;padding-bottom: 90px;background: #F3F5F8;}
.floor_4 ul li{width: 380px;height: 400px;background: url(../images/fl4.webp)no-repeat;background-size: auto 400px;box-sizing: border-box;padding-top: 250px;}
.floor_4 ul li:nth-child(1){background-position: 0 0;}
.floor_4 ul li:nth-child(2){background-position: -380px 0;}
.floor_4 ul li:nth-child(3){background-position: -760px 0;}
.floor_4 ul li .info{width: 300px;height: 100px;background: rgba(255,255,255,0.2);border-radius: 8px;box-sizing: border-box;padding: 13px 12px;margin: auto;backdrop-filter: blur(29px);}
.floor_4 ul li .info span{display: block;font-weight: bold;font-size: 18px;color: #FFFFFF;text-align: center;margin-bottom: 12px;}
.floor_4 ul li .info p{width: 276px;font-weight: 500;font-size: 16px;color: rgba(255,255,255,0.75);line-height: 18px;}


.floor_5{height: auto;overflow: hidden;padding-bottom: 90px;}
.floor_5 .nav{width: 960px;height: 64px;background: #E6F2FF;border-radius: 32px;margin: 0 auto 40px;padding: 6px;box-sizing: border-box;}
.floor_5 .nav li{width: 236px;height: 48px;border-radius: 4px;text-align: center;font-weight: 400;font-size: 16px;color: #595959;line-height: 48px;box-sizing: border-box;}
.floor_5 .nav li.on{background: #0077FF;border-radius: 24px;color: #FFFFFF;}
.floor_5 .nav li.on::after{display: block;content: '';width: 16px;height: 4px;background: url(../images/fl5_a.webp);background-size: 100%;margin-left: 112px;} 
.floor_5 .swiper-container{width: 1180px;height: auto;overflow: hidden;}
.floor_5 .swiper-container .swiper-slide{width: 1180px;height: 440px;background: url(../images/fl5.webp)no-repeat;background-size: auto 440px;box-sizing: border-box;padding-top: 250px;}
.floor_5 .swiper-container .slide1{background-position: 0 0;}
.floor_5 .swiper-container .slide2{background-position: -1180px 0;}
.floor_5 .swiper-container .slide3{background-position: -2360px 0;}
.floor_5 .swiper-container .slide4{background-position: -3540px 0;}
.floor_5 .swiper-container .swiper-slide .info{width: 590px;height: 136px;margin: auto;}
.floor_5 .swiper-container .swiper-slide .info span{display: block;text-align: center;font-weight: bold;font-size: 24px;color: #FFFFFF;margin-bottom: 8px;}
.floor_5 .swiper-container .swiper-slide .info em{display: block;text-align: center;font-weight: 400;font-size: 16px;color: #FFFFFF;margin-bottom: 20px;}
.floor_5 .swiper-container .swiper-slide .info p{font-weight: 400;font-size: 14px;color: #FFFFFF;line-height: 20px;}


.floor_6{height: auto;overflow: hidden;padding-bottom: 90px;background: rgba(196,235,255,0.4);}
.floor_6 img{display: block;width: 1180px;height: 530px;margin: auto;}

.floor_7{height: 348px;overflow: hidden;background: url(../images/fl7_bg.webp) center top no-repeat;background-size: cover;box-sizing: border-box;text-align: center;padding-top: 80px;}
.floor_7 span{display: block;font-weight: bold;font-size: 40px;color: #FFFFFF;margin-bottom: 10px;}
.floor_7 p{font-weight: 400;font-size: 24px;color: #FFFFFF;}
.floor_7 a{display: block;width: 133px;height: 50px;background: #005EF4;border-radius: 4px;text-align: center;margin: 40px auto 0;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 50px;}
.floor_7 a::after{display: inline-block;content: '';width: 16px;height: 16px;background: url(../images/arrow1.webp);background-size: 100%;margin-left: 5px;vertical-align: -2px;}