@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;}
.fl{float: left;}
.fr{float: right;}
.clearfix {*zoom: 1;}
.w1180{width: 1180px;margin: 0 auto;}
.w1076{width: 1076px;margin: 0 auto;}
.clearfix:after {display: block;content: " ";height: 0;visibility: hidden;clear: both;}


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

.btn_vfx::before{content: "";display: inline-block;width: 16px;height: 16px;background: url(../images/arrow2.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/banner.png) center top no-repeat;background-size: 100%;box-sizing: border-box;padding-top: 90px;}

.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{content: "";display: inline-block;width:12px;height: 12px;background: url(../images/b_hash.png);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);}
.banner a{display: block;margin-top: 40px;width: 135px;height: 48px;border-radius: 4px;border: 1px solid #FFFFFF;text-align: center;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;}


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



.floor_1{overflow: hidden;height: auto;padding-bottom: 90px;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/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/fl1_2.png) no-repeat;background-size: 100%;}

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

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

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

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

.floor_1 .t img{display: block;width: 28px;height: 576px;margin: 30px 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/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/fl1_ico2.png);background-size: 100%;}

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

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

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

.floor_1 .t .t2 .info2 ul li:nth-child(6) span::before{background: url(../images/vfx/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_1 a{margin-top: -10px;}





.floor_2{overflow: hidden;height: auto;padding-bottom: 90px;}
.floor_2 img{display: block;width: 1180px;height: 249px;margin-bottom: 48px;}

.floor_2 h5{display: block;width: 1180px;height: 60px;border-radius: 4px;background: #7863FF;text-align: center;font-weight: 500;font-size: 20px;color: #FFFFFF;line-height: 60px;margin-bottom: 8px;}

.floor_2 .t{display: flex;border-radius: 4px;border: 1px solid #F0F0F0; background: #FFF;}

.floor_2 .t .s{display: block;width: 183px;height: 88px;display: flex;justify-content: center;align-items: center;}

.floor_2 .t .s span{display: block;font-weight: 400;font-size: 14px;color: #1F1F1F;line-height: 22px;}

.floor_2 .t i{display: block;width: 18px;height: 88px;background: url(../images/fl2_arrow.png);background-size: 100%;}





.floor_3{overflow: hidden;height: auto;padding-bottom: 90px;background: #F5F8FF;}
.floor_3 .t{display: flex;align-items: center;}
.floor_3 .t img{display: block;width: 400px;height: 376px;margin-right: 32px;}
.floor_3 .t .info{width: 732px;height: 336px;}
.floor_3 .t .info ul{width: 381px;margin-bottom: 24px;margin: 0 auto 24px;}
.floor_3 .t .info ul:last-child{margin-bottom: 0;}
.floor_3 .t .info ul:nth-child(2){width: 620px;}
.floor_3 .t .info ul:nth-child(3){width: 700px;}
.floor_3 .t .info ul:nth-child(4){width: 447px;}
.floor_3 .t .info ul:nth-child(5){width: 127px;}
.floor_3 .t .info ul li{width: 111px;height: 48px;background: #FFFFFF;box-shadow: 2px 6px 20px -3px rgba(0,0,0,0.05);border-radius: 4px;text-align: center;font-weight: 400;
font-size: 16px;color: #0077FF;line-height: 48px;}
.floor_3 .t .info ul:nth-child(2) li{width: 143px;}
.floor_3 .t .info ul:nth-child(3) li{width: 127px;}
.floor_3 .t .info ul:nth-child(4) li{width: 143px;}
.floor_3 .t .info ul:nth-child(5) li{width: 127px;}
.floor_3 a{width: 198px;}
.floor_3 a::before{background: url(../images/arrow3.png);background-size: 100%;}





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

.floor_4 ul li{width: 578px;height: 327px;background: url(../images/fl4_1.png);background-size: 100%;margin-bottom: 24px;position: relative;border-radius: 8px;}

.floor_4 ul li:nth-child(2){background: url(../images/fl4_2.png);background-size: 100%;}

.floor_4 ul li:nth-child(3){background: url(../images/fl4_3.png);background-size: 100%;}

.floor_4 ul li:nth-child(4){background: url(../images/fl4_4.png);background-size: 100%;}

.floor_4 ul li .info{position: absolute;width: 100%;height: 114px;background: rgba(0,0,0,0.5);box-sizing: border-box;padding: 24px 0 0 24px;bottom: 0;left: 0;border-radius: 0 0 8px 8px;}

.floor_4 ul li .info .t1{display: flex;margin-bottom: 8px;}

.floor_4 ul li .info .t1 h5{display: block;width: 427px;height: 32px;font-weight: bold;font-size: 24px;color: #FFFFFF;line-height: 32px;text-align: left;}

.floor_4 ul li .info .t1 h5 em{width: 160px;height: 20px;background: #0077FF;border-radius: 2px;text-align: center;font-weight: 400;font-size: 12px;color: #FFFFFF;line-height: 20px;display: inline-block;margin-left: 4px;vertical-align: middle;}

.floor_4 ul li:nth-child(2) .info .t1 h5 em{width: 160px;background: #FF9900;}

.floor_4 ul li:nth-child(3) .info .t1 h5 em{width: 150px;background: #FF643D;}

.floor_4 ul li:nth-child(4) .info .t1 h5 em{width: 160px;background: #7863FF;}

.floor_4 ul li .info .t1 h4{display: block;width: 100px;font-weight: 400;font-size: 30px;color: #FFFFFF;height: 32px;line-height: 32px;margin-left: 16px;}

.floor_4 ul li:nth-child(2n) .info .t1 h4{margin-left: 8px;}

.floor_4 ul li .info .t2{display: flex;}

.floor_4 ul li .info .t2 i{display: block;width: 427px;height: 24px;font-weight: 400;font-size: 16px;color: rgba(255,255,255,0.65);line-height: 24px;text-align: left;}

.floor_4 ul li .info .t2 b{display: block;width: 100px;height: 24px;font-weight: 400;font-size: 16px;color: rgba(255,255,255,0.65);line-height: 24px;margin-left: 8px;text-align: center;}
.floor_4 a{width: 198px;margin-top: 24px;}

.floor_5{overflow: hidden;height: auto;padding-bottom: 90px;background: #F5F8FF;}

.floor_5 img{display: block;width: 1180px;height: 600px;margin: auto;}