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

.title_1{text-align: center;padding: 100px 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;color: #0077FF;}
.title_1 p{font-weight: 400;font-size: 20px;color: #595959;padding-top: 16px;}

.banner{background:url(../images/banner.png)center top no-repeat;height:400px;background-size: cover;box-sizing: border-box;padding-top: 90px;}
.banner h5{display: block;font-weight: 400;font-size: 16px;color: #252627;margin-bottom: 16px;}
.banner h5::before{content: "";display: inline-block;width: 16px;height: 16px;background:url(../images/b_hash.png);background-size: 100%;margin-right: 4px;vertical-align: -2px;}
.banner span{display: block;font-weight: 500;font-size: 38px;color: #000000;margin-bottom: 16px;}
.banner p{display: block;font-weight: 400;font-size: 20px;color: #595959;margin-bottom: 40px;}
.banner a{display: block;text-align: center;width: 191px;height: 48px;background: #0077FF;border-radius: 4px;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 48px;}
.banner a::after{content: "";display: inline-block;width: 16px;height: 16px;background:url(../images/arrow1.png);background-size: 100%;margin-left: 8px;vertical-align: -2px;}
.banner a::before{content: "";display: inline-block;width: 16px;height: 16px;background:url(../images/arrow2.png);background-size: 100%;margin-right: 8px;vertical-align: -2px;}





a.btn_al{display: block;width: 191px;height: 48px;background: #0077FF;border-radius: 4px;text-align: center;margin: 48px auto 0;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 48px;}

a.btn_al::after{display: inline-block;content: "";width: 16px;height: 16px;background: url(../images/arrow1.png);background-size: 100%;margin-left: 8px;vertical-align: -3px;}

a.btn_al::before{display: inline-block;content: "";width: 16px;height: 16px;background: url(../images/arrow3.png);background-size: 100%;margin-right: 8px;vertical-align: -3px;}

.justify{display: flex;justify-content: space-between;flex-wrap: wrap;}

.floor_1 {height: auto;overflow: hidden;padding-bottom: 100px;}
.floor_1 .swiper-container {width: 1180px;height: 408px;position: relative;overflow: hidden;margin: 0 auto;}
.floor_1 .swiper-container .swiper-slide {width: 1180px;height: 408px;border-radius: 8px;display: flex;align-items: center;}
.floor_1 .swiper-container .swiper-slide img{display: block;width: 590px;height: 408px;border-radius: 8px 0 0 8px;}
.floor_1 .swiper-container .swiper-slide .text{width: 590px;height: 408px;background: url(../images/fl1_bg.png);background-size: 100%;box-sizing: border-box;padding: 48px 0 0 40px;position: relative;border-radius:0 8px 8px 0;}
.floor_1 .swiper-container .swiper-slide .text p{width: 520px;font-weight: 400;font-size: 14px;color: rgba(255,255,255,0.65);line-height: 22px;}
.floor_1 .swiper-container .swiper-slide .text span{display: block;font-weight: 500;font-size: 24px;color: #FFFFFF;margin: 8px 0 16px;}
.floor_1 .swiper-container .swiper-slide .text p:nth-child(3){margin-bottom: 12px;}
.floor_1 .swiper-container .swiper-slide .text a{display: block;width: 167px;height: 48px;border-radius: 4px;border: 1px solid #FFFFFF;text-align: center;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 48px;position: absolute;bottom: 48px;left: 40px;animation: glow-pulse 2s infinite ease-in-out;}
.floor_1 .swiper-container .swiper-slide .text a::after{content: "";display: inline-block;width: 16px;height: 16px;background: url(../images/arrow1.png);background-size: 100%;margin-left: 8px;vertical-align: -3px;}
.floor_1 .swiper-slide .text i{display: block;font-weight: 300;font-size: 16px;color: rgba(255,255,255,0.8);position: absolute;top: 320px;left: 475px;}
.floor_1 .swiper-slide .text i em{font-weight: 400;font-size: 16px;color: rgba(255,255,255,1);}
.floor_1 .swiper-button-prev::after{font-size: 0;}
.floor_1 .swiper-button-next::after{font-size: 0;}
.floor_1 .swiper-button-prev{width: 50px;height: 49px;background: url(../images/fl1_prev.png);background-size: 100%;position: absolute;left: 1011px;top: 330px;z-index: 10;}
.floor_1 .swiper-button-next{width: 50px;height: 49px;background: url(../images/fl1_next.png);background-size: 100%;position: absolute;left: 1108px;top: 330px;z-index: 10;}
/* 添加呼吸动画 */
@keyframes glow-pulse {
    0% {
        box-shadow: 0 0 5px 2px rgba(255, 255, 255, 0.4);
    }
    50% {
        box-shadow: 0 0 15px 6px rgba(255, 255, 255, 0.8);
    }
    100% {
        box-shadow: 0 0 5px 2px rgba(255, 255, 255, 0.4);
    }
}



.floor_2{height: auto;overflow: hidden;background: #F1F6FF;padding-bottom: 100px;}
.floor_2 .nav_1{width: 1180px;height: 64px;background: rgba(0,119,255,0.03);border-radius: 32px;border: 1px solid rgba(255, 255, 255, 0.64);align-items: center;box-sizing: border-box;padding: 0 7px;margin-bottom: 40px;flex-wrap: nowrap;}
.floor_2 .nav_1 a{display: block;width: 388px;height: 48px;border-radius: 24px;text-align: center;font-weight: 400;font-size: 16px;color: #595959;line-height: 48px;}
.floor_2 .nav_1 a.on{background: #0077FF;color: #FFFFFF;}
.floor_2 .swiper-container{width: 100%;height:auto;overflow: hidden;}

.floor_2 .swiper-container .swiper-slide{width: 100%;height: auto;}
.floor_2 .swiper-container .swiper-slide ul li{display: block;width: 380px;height: 480px;background:url(../images/fl2_a1.png);background-size:100%;position: relative;margin-bottom: 20px;border-radius: 8px;}

.floor_2 .swiper-container .slide1 ul li:nth-child(2){background:url(../images/fl2_a2.png);background-size:100%;}

.floor_2 .swiper-container .slide1 ul li:nth-child(3){background:url(../images/fl2_a3.png);background-size:100%;}

.floor_2 .swiper-container .slide1 ul li:nth-child(4){background:url(../images/fl2_a4.png);background-size:100%;}

.floor_2 .swiper-container .slide1 ul li:nth-child(5){background:url(../images/fl2_a5.png);background-size:100%;}

.floor_2 .swiper-container .slide1 ul li:nth-child(6){background:url(../images/fl2_a6.png);background-size:100%;}

.floor_2 .swiper-container .slide1 ul li:nth-child(7){background:url(../images/fl2_a7.png);background-size:100%;}

.floor_2 .swiper-container .slide1 ul li:nth-child(8){background:url(../images/fl2_a8.png);background-size:100%;}

.floor_2 .swiper-container .slide1 ul li:nth-child(9){background:url(../images/fl2_a9.png);background-size:100%;}

.floor_2 .swiper-container .slide1 ul li:nth-child(10){background:url(../images/fl2_a10.png);background-size:100%;}

.floor_2 .swiper-container .slide1 ul li:nth-child(11){background:url(../images/fl2_a11.png);background-size:100%;}

.floor_2 .swiper-container .slide1 ul li:nth-child(12){background:url(../images/fl2_a12.png);background-size:100%;}

.floor_2 .swiper-container .slide1 ul li:nth-child(13){background:url(../images/fl2_a13.png);background-size:100%;}

.floor_2 .swiper-container .slide1 ul li:nth-child(14){background:url(../images/fl2_a14.png);background-size:100%;}

.floor_2 .swiper-container .slide1 ul li:nth-child(15){background:url(../images/fl2_a15.png);background-size:100%;}

.floor_2 .swiper-container .slide1 ul li:nth-child(16){background:url(../images/fl2_a16.png);background-size:100%;}

.floor_2 .swiper-container .slide1 ul li:nth-child(17){background:url(../images/fl2_a17.png);background-size:100%;}

.floor_2 .swiper-container .slide1 ul li:nth-child(18){background:url(../images/fl2_a18.png);background-size:100%;}

.floor_2 .swiper-container .slide1 ul li:nth-child(19){background:url(../images/fl2_a19.png);background-size:100%;}

.floor_2 .swiper-container .slide1 ul li:nth-child(20){background:url(../images/fl2_a20.png);background-size:100%;}

.floor_2 .swiper-container .slide1 ul li:nth-child(21){background:url(../images/fl2_a21.png);background-size:100%;}

.floor_2 .swiper-container .slide2 ul li:nth-child(1){background:url(../images/fl2_b1.png);background-size:100%;}

.floor_2 .swiper-container .slide2 ul li:nth-child(2){background:url(../images/fl2_b2.png);background-size:100%;}

.floor_2 .swiper-container .slide2 ul li:nth-child(3){background:url(../images/fl2_b3.png);background-size:100%;}

.floor_2 .swiper-container .slide2 ul li:nth-child(4){background:url(../images/fl2_b4.png);background-size:100%;}

.floor_2 .swiper-container .slide2 ul li:nth-child(5){background:url(../images/fl2_b5.png);background-size:100%;}

.floor_2 .swiper-container .slide2 ul li:nth-child(6){background:url(../images/fl2_b6.png);background-size:100%;}

.floor_2 .swiper-container .slide2 ul li:nth-child(7){background:url(../images/fl2_b7.png);background-size:100%;}

.floor_2 .swiper-container .slide2 ul li:nth-child(8){background:url(../images/fl2_b8.png);background-size:100%;}

.floor_2 .swiper-container .slide2 ul li:nth-child(9){background:url(../images/fl2_b9.png);background-size:100%;}

.floor_2 .swiper-container .slide2 ul li:nth-child(10){background:url(../images/fl2_b10.png);background-size:100%;}

.floor_2 .swiper-container .slide2 ul li:nth-child(11){background:url(../images/fl2_b11.png);background-size:100%;}

.floor_2 .swiper-container .slide2 ul li:nth-child(12){background:url(../images/fl2_b12.png);background-size:100%;}

.floor_2 .swiper-container .slide2 ul li:nth-child(13){background:url(../images/fl2_b13.png);background-size:100%;}

.floor_2 .swiper-container .slide2 ul li:nth-child(14){background:url(../images/fl2_b14.png);background-size:100%;}

.floor_2 .swiper-container .slide2 ul li:nth-child(15){background:url(../images/fl2_b15.png);background-size:100%;}

.floor_2 .swiper-container .slide2 ul li:nth-child(16){background:url(../images/fl2_b16.png);background-size:100%;}

.floor_2 .swiper-container .slide2 ul li:nth-child(17){background:url(../images/fl2_b17.png);background-size:100%;}

.floor_2 .swiper-container .slide2 ul li:nth-child(18){background:url(../images/fl2_b18.png);background-size:100%;}

.floor_2 .swiper-container .slide2 ul li:nth-child(19){background:url(../images/fl2_b19.png);background-size:100%;}

.floor_2 .swiper-container .slide2 ul li:nth-child(20){background:url(../images/fl2_b20.png);background-size:100%;}

.floor_2 .swiper-container .slide2 ul li:nth-child(21){background:url(../images/fl2_b21.png);background-size:100%;}

.floor_2 .swiper-container .slide3 ul li:nth-child(1){background:url(../images/fl2_c1.png);background-size:100%;}

.floor_2 .swiper-container .slide3 ul li:nth-child(2){background:url(../images/fl2_c2.png);background-size:100%;}

.floor_2 .swiper-container .slide3 ul li:nth-child(3){background:url(../images/fl2_c3.png);background-size:100%;}

.floor_2 .swiper-container .slide3 ul li:nth-child(4){background:url(../images/fl2_c4.png);background-size:100%;}

.floor_2 .swiper-container .slide3 ul li:nth-child(5){background:url(../images/fl2_c5.png);background-size:100%;}

.floor_2 .swiper-container .slide3 ul li:nth-child(6){background:url(../images/fl2_c6.png);background-size:100%;}

.floor_2 .swiper-container .slide3 ul li:nth-child(7){background:url(../images/fl2_c7.png);background-size:100%;}

.floor_2 .swiper-container .slide3 ul li:nth-child(8){background:url(../images/fl2_c8.png);background-size:100%;}

.floor_2 .swiper-container .slide3 ul li:nth-child(9){background:url(../images/fl2_c9.png);background-size:100%;}

.floor_2 .swiper-container .slide3 ul li:nth-child(10){background:url(../images/fl2_c10.png);background-size:100%;}

.floor_2 .swiper-container .slide3 ul li:nth-child(11){background:url(../images/fl2_c11.png);background-size:100%;}

.floor_2 .swiper-container .slide3 ul li:nth-child(12){background:url(../images/fl2_c12.png);background-size:100%;}

.floor_2 .swiper-container .slide3 ul li:nth-child(13){background:url(../images/fl2_c13.png);background-size:100%;}

.floor_2 .swiper-container .slide3 ul li:nth-child(14){background:url(../images/fl2_c14.png);background-size:100%;}

.floor_2 .swiper-container .slide3 ul li:nth-child(15){background:url(../images/fl2_c15.png);background-size:100%;}

.floor_2 .swiper-container .slide3 ul li:nth-child(16){background:url(../images/fl2_c16.png);background-size:100%;}

.floor_2 .swiper-container .slide3 ul li:nth-child(17){background:url(../images/fl2_c17.png);background-size:100%;}

.floor_2 .swiper-container .slide3 ul li:nth-child(18){background:url(../images/fl2_c18.png);background-size:100%;}

.floor_2 .swiper-container .slide3 ul li:nth-child(19){background:url(../images/fl2_c19.png);background-size:100%;}

.floor_2 .swiper-container .slide3 ul li:nth-child(20){background:url(../images/fl2_c20.png);background-size:100%;}

.floor_2 .swiper-container .slide3 ul li:nth-child(21){background:url(../images/fl2_c21.png);background-size:100%;}

.floor_2 .swiper-container .swiper-slide ul li .info{position: absolute;bottom: 0;left: 0;z-index: 2;width: 100%;height: 108px;background: rgba(0,0,0,0.2);box-sizing: border-box;padding: 16px 0 0 24px;backdrop-filter: blur(32px);}

.floor_2 .swiper-container .swiper-slide ul li .info span{display: block;font-weight: bold;font-size: 30px;color: #FFFFFF;margin-bottom: 4px;}

.floor_2 .swiper-container .swiper-slide ul li .info p{font-weight: 400;font-size: 18px;color: rgba(255,255,255,0.85);}

.floor_2 .swiper-slide ul li .mask{position: absolute;top: 0;left: 0;width: 100%;height:100%;background: rgba(0,0,0,0.8);z-index: 2;box-sizing: border-box;padding-top: 96px;opacity: 0;transition: 0.5s all ease-in-out;}

.floor_2 .swiper-slide ul li:hover .mask{opacity: 1;}

.floor_2 .swiper-slide ul li .mask .qr{display: block;width: 176px;height: 176px;margin: auto;}

.floor_2 .swiper-slide ul li .mask h4{display: block;text-align: center;font-weight: 400;font-size: 16px;color: #FFFFFF;margin-top: 16px;}

.floor_2 .swiper-slide ul li .mask .btn_qr{display: flex;justify-content: space-between;flex-wrap: nowrap;width: 208px;margin: 32px auto 0;}

.floor_2 .swiper-slide ul li .mask .btn_qr a{display: block;text-align: center;width: 96px;height: 40px;background: #0077FF;border-radius: 2px;font-weight: 400;font-size: 16px;color: rgba(255,255,255,0.85);line-height: 40px;}

.floor_2 .swiper-slide ul li .mask .btn_qr a:nth-child(2){border: 1px solid #D8D9DA;background: none;color: #FFFFFF;}

.floor_2 .swiper-container .swiper-slide h5{display: block;text-align: center;font-weight: 400;font-size: 14px;color: #999999;margin-bottom: 40px;margin-top: 20px;}

.floor_2 .swiper-container .swiper-slide h5::before{content: '';display: inline-block;width: 554px;height: 0px;border-top: 1px solid #DDDDDD;vertical-align: 5px;margin-right: 8px;}

.floor_2 .swiper-container .swiper-slide h5::after{content: '';display: inline-block;width: 554px;height: 0px;border-top: 1px solid #DDDDDD;vertical-align: 5px;margin-left: 8px;}

.floor_2 .swiper-container .swiper-slide img{display: block;width: 1180px;height: 310px;}





.floor_3{height: auto;overflow: hidden;padding-bottom: 100px;}
.floor_3 .swiper-container{width: 1180px;height:180px;overflow: hidden;}

.floor_3 .swiper-container .swiper-slide{width: 360px;height: 180px;position: relative;border-radius: 4px;}

.floor_3 .swiper-container .no01{background:url(../images/fl3_1.png);background-size:100%;}

.floor_3 .swiper-container .no02{background:url(../images/fl3_2.png);background-size:100%;}

.floor_3 .swiper-container .no03{background:url(../images/fl3_3.png);background-size:100%;}

.floor_3 .swiper-container .no04{background:url(../images/fl3_4.png);background-size:100%;}

.floor_3 .swiper-container .no05{background:url(../images/fl3_5.png);background-size:100%;}

.floor_3 .swiper-container .no06{background:url(../images/fl3_6.png);background-size:100%;}

.floor_3 .swiper-container .no07{background:url(../images/fl3_7.png);background-size:100%;}

.floor_3 .swiper-container .swiper-slide .text{display: block;width: 360px;height: 38px;text-align: center;font-weight: 400;font-size: 30px;color: #FFFFFF;position: absolute;top: 70px;left: 0;z-index: 2;}

.floor_3 .swiper-container .swiper-slide .mask{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;background: rgba(0,0,0,0.5);border-radius: 8px;transition: 0.5s all ease-in-out;}
.floor_3 .swiper-container .swiper-slide:hover .mask{background: linear-gradient( 90deg, rgba(0,107,229,0.96) 0%, rgba(0,107,229,0.72) 100%);}
.floor_3 a{width: 222px;}


.floor_4{height: auto;overflow: hidden;background: #F1F6FF;padding-bottom: 100px;}
.floor_4 .swiper-container{width: 1180px;height: 520px;overflow: hidden;position: relative;}

.floor_4 .swiper-container .swiper-slide{width: 1180px;height: 520px;background:url(../images/fl4_sw1.png)top center no-repeat;background-size:1180px 400px;position: relative;}
.floor_4 .swiper-container .no02{background:url(../images/fl4_sw2.png)top center no-repeat;background-size:1180px 400px;}

.floor_4 .swiper-container .no03{background:url(../images/fl4_sw3.png)top center no-repeat;background-size:1180px 400px;}

.floor_4 .swiper-container .no04{background:url(../images/fl4_sw4.png)top center no-repeat;background-size:1180px 400px;}

.floor_4 .swiper-container .no05{background:url(../images/fl4_sw5.png)top center no-repeat;background-size:1180px 400px;}

.floor_4 .swiper-container .no06{background:url(../images/fl4_sw6.png)top center no-repeat;background-size:1180px 400px;}

.floor_4 .swiper-container .no07{background:url(../images/fl4_sw7.png)top center no-repeat;background-size:1180px 400px;}

.floor_4 .swiper-container .no08{background:url(../images/fl4_sw8.png)top center no-repeat;background-size:1180px 400px;}

.floor_4 .swiper-container .swiper-slide .info{position: absolute;left: 412px;top: 216px;width: 720px;height: 304px;background: linear-gradient( 180deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.88) 100%);box-shadow: 4px 12px 40px -6px rgba(0,0,0,0.05);border-radius: 16px;border: 2px solid rgba(255, 255, 255, 0.8);backdrop-filter: blur(32px);box-sizing: border-box;padding: 32px 0 0 32px;}

.floor_4 .swiper-container .swiper-slide .info span{display: block;font-weight: bold;font-size: 30px;color: #000000;}

.floor_4 .swiper-container .swiper-slide .info span::before{content: '';display: inline-block;width: 72px;height: 72px;background: url(../images/fl4_logo1.png);background-size:100%;margin-right: 16px;vertical-align: middle;}

.floor_4 .swiper-container .no02 .info span::before{background: url(../images/fl4_logo2.png);background-size:100%;}

.floor_4 .swiper-container .no03 .info span::before{background: url(../images/fl4_logo3.png);background-size:100%;}

.floor_4 .swiper-container .no04 .info span::before{background: url(../images/fl4_logo4.png);background-size:100%;}

.floor_4 .swiper-container .no05 .info span::before{background: url(../images/fl4_logo5.png);background-size:100%;}

.floor_4 .swiper-container .no06 .info span::before{background: url(../images/fl4_logo6.png);background-size:100%;}

.floor_4 .swiper-container .no07 .info span::before{background: url(../images/fl4_logo7.png);background-size:100%;}

.floor_4 .swiper-container .no08 .info span::before{background: url(../images/fl4_logo8.png);background-size:100%;}

.floor_4 .swiper-container .swiper-slide .info hr{width: 656px;height: 0px;border-top: 1px solid #F0F0F0;margin: 24px 0;}

.floor_4 .swiper-container .swiper-slide .info p{width: 656px;font-weight: 400;font-size: 16px;color: #595959;line-height: 24px;box-sizing: border-box;padding-left: 48px;text-indent: -3em;}

.floor_4 .swiper-container .swiper-slide .info p::before{content: '';display: inline-block;width: 32px;height: 32px;background: url(../images/fl4_fu.png);background-size:100%;margin-right: 16px;vertical-align: middle;}

.floor_4 .swiper-button-next::after{font-size: 0;}

.floor_4 .swiper-button-prev::after{font-size: 0;}

.floor_4 .swiper-button-next{width: 98px;height: 98px;background: url(../images/fl4_next.png);background-size:100%;position: absolute;left: 112px;top: 85%;}

.floor_4 .swiper-button-prev{width: 98px;height: 98px;background: url(../images/fl4_prev.png);background-size:100%;position: absolute;left: 24px;top: 85%;}