@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;}

a.btn_fx{display: block;width: 167px;height: 48px;background: #0077FF;border-radius: 2px;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 48px;text-align: center;margin: 48px auto 0;}
a.btn_fx::before{display: inline-block;content: "";width: 17px;height: 16px;background: url(../../images/vfx/index/arrow3.png);background-size: 100%;margin-right: 8px;vertical-align: -2px;}

.textclip{color: transparent;-webkit-text-fill-color: transparent;-webkit-background-clip: text!important;background-clip: text!important;}

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


.banner{height: 400px;background: url(../../images/vfx/index/banner.png)center top no-repeat;background-size: cover;box-sizing: border-box;padding-top: 96px;}
.banner span{display: block;font-weight: bold;font-size: 38px;color: #FFFFFF;margin-bottom: 16px;}

.banner span em{font-weight: bold;font-size: 38px;background: linear-gradient(0deg, #9B8CFF 0%, #5CA8FF 100%);}

.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: 159px;height: 48px;background: #0077FF;border-radius: 4px;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 48px;margin-top: 40px;}

.banner a::after{display: inline-block;content: "";width: 17px;height: 16px;background: url(../../images/vfx/index/arrow2.png);background-size: 100%;margin-left: 8px;vertical-align: -2px;}

.banner a::before{display: inline-block;content: "";width: 17px;height: 16px;background: url(../../images/vfx/index/arrow1.png);background-size: 100%;margin-right: 8px;vertical-align: -2px;}




.title_1{text-align: center;padding: 100px 0 48px;}
.title_1 span{display: block;font-size: 38px;font-weight: bold;color: #000000;}

.title_1 span em{font-size: 38px;font-weight: bold;background: linear-gradient(0deg, #10AEFF 0%, #6467F0 100%);}

.title_1 p{font-weight: 400;font-size: 20px;color: #595959;margin-top: 16px;}


.floor_1{height: auto;overflow: hidden;padding-bottom: 100px;background: #F5F8FF;}
.floor_1 .t{display: flex;}
.floor_1 .t .t1{width: 400px;}

.floor_1 .t .t1 h4{display: block;width: 400px;height: 60px;background: #0077FF;border-radius: 16px;text-align: center;font-weight: 500;font-size: 20px;color: #FFFFFF;line-height: 60px;margin-bottom: 16px;}

.floor_1 .t .t1 .info1{width: 400px;height: 500px;background: linear-gradient( 360deg, #FFFFFF 0%, #F5F7FF 100%);box-shadow: 4px 12px 40px -6px rgba(0,0,0,0.05);border-radius: 16px;border: 2px solid #FFFFFF;box-sizing: border-box;padding-top: 40px;}

.floor_1 .t .t1 .info1 ul{width: 320px;margin: auto;}

.floor_1 .t .t1 .info1 ul li{font-weight: 400;font-size: 16px;color: #000000;text-align: center;margin-bottom: 24px;}

.floor_1 .t .t1 .info1 ul li::before{content: "";display: block;width:148px;height: 92px;background: url(../../images/vfx/index/fl1_1.png);background-size: 100%;margin: 0 auto 8px;}

.floor_1 .t .t1 .info1 ul li:nth-child(2)::before{background: url(../../images/vfx/index/fl1_2.png) no-repeat;background-size: 100%;}

.floor_1 .t .t1 .info1 ul li:nth-child(3)::before{background: url(../../images/vfx/index/fl1_3.png) no-repeat;background-size: 100%;}

.floor_1 .t .t1 .info1 ul li:nth-child(4)::before{background: url(../../images/vfx/index/fl1_4.png) no-repeat;background-size: 100%;}

.floor_1 .t .t1 .info1 ul li:nth-child(5)::before{background: url(../../images/vfx/index/fl1_5.png) no-repeat;background-size: 100%;}

.floor_1 .t .t1 .info1 ul li:nth-child(6)::before{background: url(../../images/vfx/index/fl1_6.png) no-repeat;background-size: 100%;}

.floor_1 .t img{display: block;width: 28px;height: 576px;margin: 0 14px;}

.floor_1 .t .t2 h3{display: block;width: 724px;height: 60px;background: #7863FF;border-radius: 16px;text-align: center;font-weight: 500;font-size: 20px;color: #FFFFFF;line-height: 60px;margin-bottom: 16px;}

.floor_1 .t .t2 .info2 ul{width: 724px;}

.floor_1 .t .t2 .info2 ul li{width: 354px;height: 156px;background: linear-gradient( 180deg, #F8F3FF 0%, #FFFFFF 100%);box-shadow: 4px 12px 40px -6px rgba(0,0,0,0.05);border-radius: 16px;border: 2px solid #FFFFFF;margin-bottom: 16px;box-sizing: border-box;padding: 32px 0 0 32px;}

.floor_1 .t .t2 .info2 ul li span{display: block;font-weight: bold;font-size: 20px;color: #000000;}

.floor_1 .t .t2 .info2 ul li span::before{content: "";display: inline-block;width: 40px;height: 40px;background: url(../../images/vfx/index/fl1_ico1.png);background-size: 100%;margin-right: 10px;vertical-align: -13px;}

.floor_1 .t .t2 .info2 ul li:nth-child(2) span::before{background: url(../../images/vfx/index/fl1_ico2.png);background-size: 100%;}

.floor_1 .t .t2 .info2 ul li:nth-child(3) span::before{background: url(../../images/vfx/index/fl1_ico3.png);background-size: 100%;}

.floor_1 .t .t2 .info2 ul li:nth-child(4) span::before{background: url(../../images/vfx/index/fl1_ico4.png);background-size: 100%;}

.floor_1 .t .t2 .info2 ul li:nth-child(5) span::before{background: url(../../images/vfx/index/fl1_ico5.png);background-size: 100%;}

.floor_1 .t .t2 .info2 ul li:nth-child(6) span::before{background: url(../../images/vfx/index/fl1_ico6.png);background-size: 100%;}

.floor_1 .t .t2 .info2 ul li p{width: 300px;font-weight: 400;font-size: 14px;color: #595959;line-height: 22px;margin-top: 8px;}


.floor_2{height: auto;overflow: hidden;padding-bottom: 100px;}
.floor_2 .t{display: flex;margin-bottom: 32px;}
.floor_2 .t img{display: block;width: 440px;height: 432px;margin-right: 16px;}

.floor_2 .t ul{width: 724px;}

.floor_2 .t ul li{width: 354px;height: 208px;background: #F9FAFC;margin-bottom: 16px;box-sizing: border-box;padding-top: 36px;text-align: center;}

.floor_2 .t ul li h5{display: block;font-weight: bold;font-size: 24px;color: #1F1F1F;margin-bottom: 20px;}

.floor_2 .t ul li h5::before{content: "";display: inline-block;width: 40px;height: 40px;background: url(../../images/vfx/index/fl2_n1.png);background-size: 100%;margin-right: 8px;vertical-align: -10px;}

.floor_2 .t ul li:nth-child(2) h5::before{background: url(../../images/vfx/index/fl2_n2.png);background-size: 100%;}
.floor_2 .t ul li:nth-child(3) h5::before{background: url(../../images/vfx/index/fl2_n3.png);background-size: 100%;}
.floor_2 .t ul li:nth-child(4) h5::before{background: url(../../images/vfx/index/fl2_n4.png);background-size: 100%;}
.floor_2 .t ul li span{display: block;font-weight: 400;font-size: 20px;color: #000000;margin-bottom: 8px;}

.floor_2 .t ul li p{width: 300px;font-weight: 400;font-size: 14px;color: #595959;line-height: 22px;margin: auto;}

.floor_2 dl dd{display: block;text-align: center;font-weight: 400;font-size: 16px;color: #1F1F1F;}

.floor_2 dl dd::before{content: "";display: block;width: 65px;height: 64px;background: url(../../images/vfx/index/fl2_b1.png);background-size: 100%;margin: 0 auto 8px;}

.floor_2 dl dd:nth-child(2)::before{background: url(../../images/vfx/index/fl2_b2.png);background-size: 100%;}

.floor_2 dl dd:nth-child(3)::before{background: url(../../images/vfx/index/fl2_b3.png);background-size: 100%;}

.floor_2 dl dd:nth-child(4)::before{background: url(../../images/vfx/index/fl2_b4.png);background-size: 100%;}

.floor_2 dl dd:nth-child(5)::before{background: url(../../images/vfx/index/fl2_b5.png);background-size: 100%;}

.floor_2 dl dd:nth-child(6)::before{background: url(../../images/vfx/index/fl2_b6.png);background-size: 100%;}

.floor_2 dl dd:nth-child(7)::before{background: url(../../images/vfx/index/fl2_b7.png);background-size: 100%;}

.floor_2 dl dd:nth-child(8)::before{background: url(../../images/vfx/index/fl2_b8.png);background-size: 100%;}

.floor_2 dl dd:nth-child(9)::before{background: url(../../images/vfx/index/fl2_b9.png);background-size: 100%;}

.floor_2 dl dd:nth-child(10)::before{background: url(../../images/vfx/index/fl2_b10.png);background-size: 100%;}

.floor_2 a{width: 191px;}

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

.floor_2 a::before{background: url(../../images/vfx/index/arrow4.png);background-size: 100%;}




.floor_3{height: auto;overflow: hidden;padding-bottom: 100px;background: url(../../images/vfx/index/fl3_bg.png)center top no-repeat;background-size: cover;}
.floor_3 .title_1 span{color: #FFFFFF;}
.floor_3 .title_1 span em{background: linear-gradient(0deg, #BA99FF 0%, #ABD8FF 50%, #8BFAEB 100%);}
.floor_3 .title_1 p{color: rgba(255,255,255,0.65);}
.floor_3 ul{margin-bottom: 28px;}
.floor_3 ul li{width: 380px;height: 186px;margin-bottom: 20px;border-radius: 4px;background: linear-gradient(53deg, rgba(255, 255, 255, 0.24) 28.3%, rgba(255, 255, 255, 0.23) 71.7%);backdrop-filter: blur(32px);box-sizing: border-box;padding-top: 32px;text-align: center;transition: all 0.5s ease-in-out;}
.floor_3 ul li:hover{background: rgba(0,119,255,0.88);backdrop-filter: blur(64px);}
.floor_3 ul li:hover span::before{display: none;}
.floor_3 ul li span{display: block;font-weight: bold;font-size: 20px;color: #FFFFFF;margin-bottom: 8px;}
.floor_3 ul li:hover span{margin-bottom: 16px;}
.floor_3 ul li span::before{content: "";display: block;width: 48px;height: 48px;background: url(../../images/vfx/index/fl3_ico1.png);background-size: 100%;margin: 0 auto 16px;}
.floor_3 ul li:nth-child(2) span::before{background: url(../../images/vfx/index/fl3_ico2.png);background-size: 100%;}
.floor_3 ul li:nth-child(3) span::before{background: url(../../images/vfx/index/fl3_ico3.png);background-size: 100%;}
.floor_3 ul li:nth-child(4) span::before{background: url(../../images/vfx/index/fl3_ico4.png);background-size: 100%;}
.floor_3 ul li:nth-child(5) span::before{background: url(../../images/vfx/index/fl3_ico5.png);background-size: 100%;}
.floor_3 ul li:nth-child(6) span::before{background: url(../../images/vfx/index/fl3_ico6.png);background-size: 100%;}
.floor_3 ul li p{font-weight: 400;font-size: 14px;color: rgba(255,255,255,0.65);}
.floor_3 ul li:hover p{display: none;}
.floor_3 ul li b{display: none;}
.floor_3 ul li:hover b{display: block;width: 316px;font-weight: 400;font-size: 14px;color: rgba(255,255,255,0.65);line-height: 22px;margin: auto;text-align: left;}
.floor_3 a{margin-top: 28px;width: 167px;background: #FFFFFF;color: #0077FF;}
.floor_3 a::before{background: url(../../images/vfx/index/arrow5.png);background-size: 100%;}

.floor_4{height: auto;overflow: hidden;padding-bottom: 100px;}

.floor_4 .nav{width: 1180px;height: 56px;background: #F5F5F5;border-radius: 28px;box-sizing: border-box;padding-top: 4px;margin-bottom: 32px;}
.floor_4 .nav a{display: block;width: 391px;height: 48px;border-radius: 24px;font-weight: 400;font-size: 16px;color: #595959;line-height: 48px;text-align: center;}

.floor_4 .nav a.on{background: #0077FF;color: #FFFFFF;}

.floor_4  .swiper-container{width: 1180px;height: auto;overflow: hidden;}

.floor_4  .swiper-container .swiper-slide{width: 1180px;height: 230px;}

.floor_4  .swiper-container .swiper-slide ul li{width: 280px;height: 230px;box-sizing: border-box;padding-top: 32px;text-align: center;border: 1px solid #F0F0F0;border-radius: 4px;}

.floor_4  .swiper-container .swiper-slide ul li span{display: block;font-weight: bold;font-size: 20px;color: #000000;margin-bottom: 8px;}

.floor_4  .swiper-container .swiper-slide ul li span::before{content: "";display: block;width: 48px;height: 48px;background: url(../../images/vfx/index/fl4_a1.png);background-size: 100%;margin: 0 auto 16px;}

.floor_4  .swiper-container .swiper-slide ul li:nth-child(2) span::before{background: url(../../images/vfx/index/fl4_a2.png);background-size: 100%;}

.floor_4  .swiper-container .swiper-slide ul li:nth-child(3) span::before{background: url(../../images/vfx/index/fl4_a3.png);background-size: 100%;}

.floor_4  .swiper-container .swiper-slide ul li:nth-child(4) span::before{background: url(../../images/vfx/index/fl4_a4.png);background-size: 100%;}

.floor_4  .swiper-container .slide3 ul li:nth-child(1) span::before{background: url(../../images/vfx/index/fl4_c1.png);background-size: 100%;}

.floor_4  .swiper-container .slide3 ul li:nth-child(2) span::before{background: url(../../images/vfx/index/fl4_c2.png);background-size: 100%;}

.floor_4  .swiper-container .slide3 ul li:nth-child(3) span::before{background: url(../../images/vfx/index/fl4_c3.png);background-size: 100%;}

.floor_4  .swiper-container .slide3 ul li:nth-child(4) span::before{background: url(../../images/vfx/index/fl4_c4.png);background-size: 100%;}

.floor_4  .swiper-container .swiper-slide ul li p{width: 216px;font-weight: 400;font-size: 14px;color: #595959;line-height: 22px;margin: auto;}

.floor_4  .swiper-container .swiper-slide dl{width: 1176px;margin: auto;}

.floor_4  .swiper-container .swiper-slide dl dd{width: 196px;height: 115px;border: 1px solid #F0F0F0;box-sizing: border-box;padding: 40px 0 0 32px;font-weight: 400;font-size: 20px;color: #000000;}

.floor_4  .swiper-container .swiper-slide dl dd::before{content: "";display:inline-block;width: 32px;height: 32px;background: url(../../images/vfx/index/fl4_b1.png);background-size: 100%;margin-right: 8px;vertical-align: -8px;}

.floor_4  .swiper-container .swiper-slide dl dd:nth-child(2)::before{background: url(../../images/vfx/index/fl4_b2.png);background-size: 100%;}

.floor_4  .swiper-container .swiper-slide dl dd:nth-child(3)::before{background: url(../../images/vfx/index/fl4_b3.png);background-size: 100%;}

.floor_4  .swiper-container .swiper-slide dl dd:nth-child(4)::before{background: url(../../images/vfx/index/fl4_b4.png);background-size: 100%;}

.floor_4  .swiper-container .swiper-slide dl dd:nth-child(5)::before{background: url(../../images/vfx/index/fl4_b5.png);background-size: 100%;}

.floor_4  .swiper-container .swiper-slide dl dd:nth-child(6)::before{background: url(../../images/vfx/index/fl4_b6.png);background-size: 100%;}

.floor_4  .swiper-container .swiper-slide dl dd:nth-child(7)::before{background: url(../../images/vfx/index/fl4_b7.png);background-size: 100%;}

.floor_4  .swiper-container .swiper-slide dl dd:nth-child(8)::before{background: url(../../images/vfx/index/fl4_b8.png);background-size: 100%;}

.floor_4  .swiper-container .swiper-slide dl dd:nth-child(9)::before{background: url(../../images/vfx/index/fl4_b9.png);background-size: 100%;}

.floor_4  .swiper-container .swiper-slide dl dd:nth-child(10)::before{background: url(../../images/vfx/index/fl4_b10.png);background-size: 100%;}

.floor_4  .swiper-container .swiper-slide dl dd:nth-child(11)::before{background: url(../../images/vfx/index/fl4_b11.png);background-size: 100%;}

.floor_4  .swiper-container .swiper-slide dl dd:nth-child(12)::before{background: url(../../images/vfx/index/fl4_b12.png);background-size: 100%;}

.floor_4  a{width: 135px;}





.floor_5{height: auto;overflow: hidden;padding-bottom: 100px;background: #F7FAFF;}
.floor_5 ul li{width: 200px;height: 450px;text-align: center;}

.floor_5 ul li img{display: block;width: 200px;height: 406px;}
.floor_5 ul li i{display: block;font-weight: 400;font-size: 20px;color: #1F1F1F;margin: 16px auto 0;}




.floor_6{height: auto;overflow: hidden;padding-bottom: 100px;}
.floor_6 ul li{width: 283px;height: 220px;border-radius: 8px;box-shadow: 4px 12px 40px -6px rgba(0,0,0,0.05);box-sizing: border-box;padding-top: 24px;}

.floor_6 ul li span{display: block;font-weight: 400;font-size: 20px;color: #000000;margin-left: 32px;}
.floor_6 ul li span::before{content: "";display: inline-block;width: 48px;height: 49px;background: url(../../images/vfx/index/fl6_ico1.png);background-size: 100%;margin-right: 16px;vertical-align: -15px;}

.floor_6 ul li:nth-child(2) span::before{background: url(../../images/vfx/index/fl6_ico2.png);background-size: 100%;}

.floor_6 ul li:nth-child(3) span::before{background: url(../../images/vfx/index/fl6_ico3.png);background-size: 100%;}

.floor_6 ul li:nth-child(4) span::before{background: url(../../images/vfx/index/fl6_ico4.png);background-size: 100%;}

.floor_6 ul li hr{display: block;border-top: 1px solid #F0F0F0;margin: 24px 0;}

.floor_6 ul li dl{margin-left: 32px;width: 214px;display: flex;justify-content: baseline;flex-wrap: wrap;}

.floor_6 ul li dl dd{width: 95px;height: 20px;margin-bottom: 8px;font-weight: 400;font-size: 14px;color: #1F1F1F;margin-right: 24px;}
.floor_6 ul li:nth-child(2) dl{width: 264px;}
.floor_6 ul li:nth-child(4) dl{width: 264px;}
.floor_6 ul li:nth-child(2) dl dd{width: 125px;margin-right: 0px;}
.floor_6 ul li:nth-child(4) dl dd{width: 125px;margin-right: 0px;}
.floor_6 ul li dl dd:nth-child(2n){margin-right: 0;}

.floor_6 ul li dl dd::before{content: "";display: inline-block;width: 12px;height: 20px;background: url(../../images/vfx/index/fl6_tick.png);background-size: 100%;margin-right: 4px;vertical-align: -5px;}





.floor_7{height: 280px;overflow: hidden;background: url(../../images/vfx/index_new/fl7_bg.png)center top no-repeat;background-size: cover;text-align: center;}
.floor_7 span{display: block;font-weight: 500;font-size: 30px;color: #FFFFFF;padding-top: 58px;}
.floor_7 p{font-weight: 400;font-size: 20px;color: #FFFFFF;margin-top: 16px;}
.floor_7 a{display: block;margin: 32px auto 0;width: 203px;height: 50px;background: #FFFFFF;border-radius: 4px;font-weight: 400;font-size: 16px;color: #005EF4;line-height: 50px;}

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




.floor_gh{height: auto;overflow: hidden;padding-bottom: 100px;background: #F5F5F5;}

.floor_gh h5{display: block;font-weight: 500;font-size: 38px;color: #000000;text-align: center;padding-top: 100px;}
.floor_gh ul li{float: left;margin: 40px 0 0 15px;width: 383px;height: 346px;background: #FFFFFF;border-radius: 8px;border: 1px solid #F0F0F0;box-sizing: border-box;}
.floor_gh ul li:first-child{margin-left: 0;}
.floor_gh ul li span{display: block;width: 381px;height: 97px;background: url(../../images/vfx/index/fl7_1.png);background-size: cover;font-weight: 400;font-size: 20px;color: #FFFFFF;line-height: 97px;margin-bottom: 24px;box-sizing: border-box;padding-left: 23px;position: relative;border-radius: 8px 8px 0 0;}

.floor_gh ul li:nth-child(2) span{background: url(../../images/vfx/index/fl7_2.png);background-size: cover;}

.floor_gh ul li:nth-child(3) span{background: url(../../images/vfx/index/fl7_3.png);background-size: cover;}

.floor_gh ul li>a.fg_a{display: block;font-weight: 400;font-size: 14px;color: #595959;margin-bottom: 8px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;margin-left: 24px;}
.floor_gh ul li>a.fg_a:before{display: inline-block;content: "";width:12px;height: 20px;background: url(../../images/vfx/index/fl7_tick.png);background-size: 100%;margin-right: 4px;vertical-align: -3px;}
.floor_gh ul li>a:hover{color: #005EF4;}
.floor_gh ul li a p{font-weight: 400;font-size: 14px;color: #8D8F93;float: left;padding-left: 12px;}
.floor_gh ul li span a.gh_btn{display: block;position: absolute;top: 0px;left: 284px;font-weight: 400;font-size: 14px;color: rgba(255,255,255,0.65);}

.floor_gh ul li span a.gh_btn::after{display: inline-block;content: "";width: 15px;height: 15px;background: url(../../images/vfx/index/arrow6.png);background-size: 100%;margin-left: 4px;vertical-align: -3px;}